.pl70 {  padding-left:7%;}
.pr70 {  padding-right:7%;}
.color24 {color:#242424;}
.color4cbae8 {color:#4cbae8;}
.color82d851 {color:#82d851;}
.colore71f19 {color:#e71f19;}
.bdb2e7 { border-bottom: 2px solid #e7e7e7;}
.bdb1e7 { border-bottom: 1px solid #e7e7e7;}
.bdt1d9 { border-top: 1px solid #d9d9d9;}
.bdb1d9 { border-bottom: 1px solid #d9d9d9;}
.bdl1e8 { border-left: 1px solid #e8e8e8;}
.bde8 { border: 1px solid #e8e8e8;}
.bdb24cbae8 { border-bottom: 2px solid #4cbae8;}
.color24_80 {color:#242424; opacity: 0.8;}
.color24_50 {color:#242424; opacity: 0.5;}
.color000 {color:#000;}
.colore71f19 {color:#ea2a25;}
.italic {font-style: italic}
.style_flex { display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: box; }

.style_flex_1{-webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
}
.style_flex_2{-webkit-box-flex:2;
    -moz-box-flex:2;
    -webkit-flex:2;
    -ms-flex:2;
    flex:2;
}
.main1080 {width: 1080px;
    margin-left: auto;
    margin-right: auto;}

/*           nav                */
.pcNavBg {background: #4cbae8;height:116px; border-bottom: 1px solid #108ec2;line-height: 116px;margin-bottom: 52px;}
.logo {height: 107px;width: 250px;padding-top: 5px;}
.logo img {width: 100%;height: auto;}
.headerNav {position: relative;}
#nav li{
    float:left;
    height:116px;
}
#nav li a{
}
#nav li a span{
    float:left;
    line-height:116px;
    font-size:14px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    display: block;
    height: 116px;
    font-size: 24px;
    padding: 0 22px;

}
/*#nav li a:hover {background:#49b2de;
    color:#fff;}*/
#nav li .nav_on span{  /*鼠标经过时变换背景，方便JS获取样式*/
    background:#3ea7d3;
    color:#fff;
    text-decoration:none;
}
#nav li .slip span{  /*鼠标经过时变换背景，方便JS获取样式*/
    background:#49b2de;
    color:#fff;
    text-decoration:none;
}
/*子栏目*/
.menu_con{
    width: 100%;
    text-align: center;
}

#menu_con a{
    display:inline-block;
    cursor:pointer;
    font-size: 16px;color:#3b3b3b;height:20px;line-height:20px; border-right: 1px solid #bebebe;margin-top:16px;padding:0 12px;margin-bottom: 16px;
}
#menu_con a:last-child {
    border-right: none;}
#menu_con a.curr {color:#4cbae8;}


/* end  nav */

/*  header */
.pcHeaderTop {
    background: #f4f4f4;
    height: 36px;
    border-bottom: 1px solid #b6b6b6;
    line-height: 36px;}
.backHome li,.loginRight li{float: left;}
.backHome li a{color:#3b3b3b;
    margin:0px 15px;height: 36px;line-height: 36px;}
.backHome li a i {color:#3b3b3b; margin-right: 5px;
    font-size: 14px;}
.loginRight li a { color:#f40101;margin:0px 5px;height: 36px;line-height: 36px;}
/* end  header */

/*  top search */
/*.pcSearchBorder { border: 2px solid #7c7c7c; border-radius:8px; -webkit-border-radius:8px; margin: 20px auto;width:688px;height: 34px;}*/

.gameHeaderDrop {padding: 0px;
    border-right: 1px solid #ccc; width: 50px;height: 25px;line-height: 25px;margin-top: 2px;margin-left: 5px;
    border-top: none;
    border-left: none;
    border-bottom: none;}
.HeaderSearchText {margin-top: 5px;}
.headerSearchBtn { border: none;height: 25px;line-height: 25px;width:100px;background: #D5D5D5;border-radius: 10px;-webkit-border-radius: 20px;  border: 1px solid #ccc; text-indent: 10px;}
.headerSearchBtn:focus {transition: width 1s ease-in-out ;-moz-transition: width 1s ease-in-out ; -webkit-transition: width 1s ease-in-out ;width: 200px;}
.searchBtn { text-align: center; height: 25px;line-height:25px; position: absolute;right: 5px;top: 2px;}
.searchBtn i {  font-size: 20px;color:#7c7c7c}
/* end top search */

/*  footer */

.pcFooter {
    border-top: 3px solid #4cbae8;
    margin-top: 30px;
    padding-top: 25px;}
.footerNav {width: 540px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;}
.footerNav li {
    float: left;}
.footerNav li a{color:#232323;
    font-size: 14px;
    border-right: 1px solid #717171;
    padding: 0 10px;}
.footerNav li:nth-last-child(2) a{
    border-right: none;}
.footerCopyright {
    text-align: center;
    font-size: 12px;color:#404040;margin: 15px auto;}
.footerCheckImg {width: 522px;
    margin-left: auto;
    margin-right: auto;}
.footerCheckImg li a{
    float: left;
    margin:10px 7px;overflow: hidden}
.footerCheckImg li a img {width: 100%;
    height: auto;}


/* end footer */


/* banner                 */
.bannerBox01 { border: 1px solid #ccc; width: 355px;height: 353px; position: relative;overflow: hidden;}
.bannerBox01 a img {width: 355px;height: 353px;}
.bannerBox03 .bannerBox01Title {text-align:left; padding: 0 10px;}
.bannerBox01,.bannerBox02,.bannerBox03 {position: relative;}
.bannerBox01Title p{
    position: absolute;width: 100%;
    left: 0px;bottom: 0px;height: 50px;
   color:#fff; text-align: center;z-index: 1;}
.bannerBox01Title:after { position: absolute;width: 100%;
    left: 0px;bottom: 0px;height: 50px;
    background: #000;opacity: 0.5;filter: alpha(opacity:50); content: '';}
.lh50 {line-height: 50px;}
.lh25 {line-height:25px;}

.bannerBox02  {width: 525px; height: 353px; margin: 0 auto;
    overflow: hidden;}
.bannerBox03 {width:180px;height: 166px;overflow: hidden; position: relative;}
.bannerBox03 img {width: 100%;height: 165px;}
/* banner   scroll img          */
.orbit-wrapper { position: relative; margin: 0 auto; }
#featured { position: relative; width: 525px; height: 353px; overflow: hidden; background: #fff url(../image/loading.gif) 50% no-repeat; }
#featured a img {width: 535px;height: 353px;object-fit: cover;}
.orbit > img { display: none; position: absolute; top: 0; left: 0; border: 0 none; }
.orbit > a { display: none; position: absolute; top: 0; left: 0; line-height: 0; border: 0 none; }
.orbit > div { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.orbit-item { background-color: #f5f5f5; }

/* 标题 */
.orbit-caption { display: none; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 50px; font: 14px/50px "Microsoft Yahei"; text-align: center; color: #fff;  background: #000;opacity: 0.5;filter: alpha(opacity:50);}
.orbit-caption>span {position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 50px; font: 14px/50px "Microsoft Yahei"; text-align: center; color: #fff;z-index: 99;}

/* 导航 */
.orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: 0px; left: 50%; margin: 15px 0 15px -50px; padding: 0; }
.orbit-bullets li { float: left; margin: 0 5px; cursor: pointer; width: 10px; height: 10px; overflow: hidden; text-indent: -9999px; background-color: #000; }
.orbit-bullets li.active { background-color: #49CFF1; }
.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }
.slider-nav { display: block }
.slider-nav span { width: 75px; height: 75px; text-indent: -9999px; position: absolute; z-index: 1000; bottom: 0; cursor: pointer; }
/*.slider-nav span.right { background: url(../images/arrow.png) right 0; right: 0; }*/
/*.slider-nav span.left { background: url(../images/arrow.png) 0 0; left: 0; }*/
.slider-nav span.right:hover { background-position: right bottom; }
.slider-nav span.left:hover { background-position: 0 bottom; }

/* 定时器 */
/*.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; }
.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(../images/rotator-black.png) no-repeat; z-index: 3; }
.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
.rotator.move { left: 0; }
.mask.move { width: 40px; left: 0; background: url(../images/timer-black.png) repeat 0 0; }
.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(../images/pause-black.png) no-repeat; z-index: 4; opacity: 0; }
.pause.active { background: url(../images/pause-black.png) no-repeat 0 -40px; }
.timer:hover span.pause, span.pause.active { opacity: 1; }*/

/*   end   banner   scroll img          */


/*  index */


/*  leftContainer                  */
.leftContainer {width: 64.81%;}
.newsBox {width: 100%;}
.newsImgBox {width: 168px;height: 116px;overflow: hidden;margin-right: 20px;}
.newsImgBox img {width: 100%;height: auto;}
/*.newsImgBox:hover img {opacity: 50;transition: opacity 2s ease-in;}*/
.newsBox01 { padding-top:20px;padding-bottom: 20px; padding-left: 15px;display: inline-block; border-bottom: 2px dashed #d2d2d2;
    width: 100%;}
/*.newsBox01:hover .newsImgBox img {width: 120%;height: auto;transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;transfrom:scale{2,2};-webkit-transfrom:scale{2,2};-moz-transfrom:scale{2,2};}*/
.newsBox02 {padding:38px 34px 38px 40px; }
.newsTextBox {width: 72%;}
.pcIndexItem {border-bottom: 1px solid #e4e4e4;}
.pcIndexItem.bgfff {    transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -o-transition: box-shadow 1s;}
.pcIndexItem.bgfff:hover {-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.pcHomePage .pcIndexItem .newsTextBoxSource {padding: 15px 0px 15px 15px;}
.pcHomePage .newsTextBox .newsBox01Title {height: 44px;line-height: 22px; padding-right: 18px; overflow: hidden;white-space: normal;}
/*            rightContainer                  */
.bgfb{background: #fbfbfb;}
.rightContainer {width:33.33%;}
.sidebar01 {width: 100%;}
.downloadApp {background: #fff; border-radius: 5px; -webkit-border-radius: 5px;padding: 12px 0px;
    border: 1px solid #dcdcdc;}
.downloadAppBtn img{ width: 146px;  height: 60px;  margin-left: auto;  margin-right: auto;}
.sidebar01Logo {margin-bottom: 16px;}
.newsBox01Title {width: 100%;overflow:hidden;
    text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;}
.sidebar02Item01 .newsBox01Title:hover {color:#4cbae8;}
.sidebar02Item01 {padding: 18px 10px;display: block;}
/*.sidebar02Item01:hover,.bestNewsItem01:hover {background: #eee;}*/
.bestNewsItem01 {padding:12px 10px;display: block;}
.bestNewsItem01 h4:hover {color:#4cbae8;}
.newsBox01P {height:44px;line-height: 22px;overflow: hidden; padding-right: 22px;}
.adImg {width:700px;height: 90px;overflow: hidden;display: inline-block}
.adImg img{width:100%;height: auto;}
/*.adImg:hover img {width: 120%;height: auto;transition: width 1s ease-in-out;-webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out;}*/
.newsTextBoxSource i {font-size: 10px;color:#666;}
.reportDetailTitle .reportDetailH4 {width: 90%; padding: 0px 5%;}
/*           tab                  */

.lanrenzhijia{ width:100%;}
.lanrenzhijia .tab a{ display:block;padding: 20px 15px 12px; float:left; text-decoration:none;color:#242424; opacity: 0.5;
    font-size: 14px;}
.lanrenzhijia .tab a.on{ color:#333;text-decoration:none;
    font-size: 14px;
    opacity: 1;}
.lanrenzhijia .content{ overflow:hidden; width:340px; height:820px; position:relative;}
.lanrenzhijia .content ul{ position:absolute; left:0; top:0;}
.lanrenzhijia .content li{ width:340px; float:left;}
.lanrenzhijia .content li p{ padding:10px;}

.lanrenzhi{ width:100%;}
.lanrenzhi .tab a{ display:block; padding: 20px 15px 8px; float:left; text-decoration:none;color:#242424; opacity: 0.5;
    font-size: 14px;}
.lanrenzhi .tab a.on{ color:#333;text-decoration:none;
    font-size: 14px;
    opacity: 1;}
.lanrenzhi .content{ overflow:hidden; width:340px; height:1078px; position:relative;}
.lanrenzhi .content ul{ position:absolute; left:0; top:0;}
.lanrenzhi .content li{ width:340px; float:left;}
.lanrenzhi .content li p{ padding:10px;}

.lanrenLiuShui { width:100%;
    background: #fff;}
.lanrenLiuShui .tab {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #e8e8e8;}
.lanrenLiuShui .tab a{ display:block; float:left; text-decoration:none;color:#858585; font-size: 16px;width: 50%; height: 50px;line-height: 50px;
    text-align: center;}
.lanrenLiuShui .tab a.on{ color:#fff;text-decoration:none;font-size: 16px;
    background: #4cbae8;
    border-bottom: 3px solid #4392b1;}
.lanrenLiuShui .content{ overflow:hidden; width:340px; height:200px; position:relative;}
.lanrenLiuShui .content ul{ position:absolute; left:0; top:0;}
.lanrenLiuShui .content li{ width:340px; float:left;}
.lanrenLiuShui .content li p{ padding:10px;}

.sidebar02Box .bgfff,.sidebar02Box {
    padding-left: 20px;}

.sidebatH2 {
    padding-top: 20px;}
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ height:38px; line-height:38px;position:relative; width: 80%;}
.slideTxtBox .hd>ul{   position:absolute; left:0px; top:0px; height:38px; width: 100%;}
.slideTxtBox .hd>ul>li{ float:left; cursor:pointer;  width: 25%;text-align: center;border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;height:38px; line-height: 38px; font-size: 14px;color:#000;}
.slideTxtBox .hd>ul>li.on{ height:38px; line-height: 38px;background:#4cbae8;color:#fff;}
.slideTxtBox .hd>ul>li:nth-last-child(2){border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px;}
.slideTxtBox .hd>ul>li:first-child{border-left:1px solid #ccc;
    border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px;}
.slideTxtBox .bd>ul{ zoom:1;  margin:0px 20px;}
.slideTxtBox .bd {
    border-radius:10px;-webkit-border-radius:10px;}
.canclepd20 .slideTxtBox .bd>ul{ zoom:1;  margin:0px;}

.liuShuiSelectBorder {
    position: relative;width: 100%; height: 38px;}
.toolsFormBtn {
    position: absolute;right:-1px;top:0px;
    background:linear-gradient(top,#efba09,#ec8401);background:-webkit-linear-gradient(top,#efba09,#ec8401);height: 37px;line-height: 37px;display: inline-block;width: 31px;
    border-radius: 0 10px 10px 0px;-webkit-border-radius: 0 10px 10px 0px;}
.toolsFormBtn>i{ border-top: 5px solid #fff; border-left: 5px solid transparent;border-right: 5px solid transparent;width: 0;height: 0;position: absolute;left:10px;top:17px;}
.toolsFormBtn02 {position: absolute;right:1px;top:1px;height: 36px;line-height: 36px;display: inline-block;width: 31px;border-radius:5px;-webkit-border-radius:5px; border: 1px solid #c6c6c6;background: #ebebeb;z-index: 101;}
.ToolsFormNum {font-size: 18px;color:#999999;}
.ToolsFormNum .liuShuiBorder02 {width: 70%; margin-right: 10px;}
.toolsFormBtn02>i{ border-top: 5px solid #ed8a02; border-left: 5px solid transparent;border-right: 5px solid transparent;width: 0;height: 0;position: absolute;left:10px;top:17px;}
.tongDao {
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;overflow-y: auto;overflow-x: hidden;height: 38px;z-index: 1000;
    box-shadow: inset 2px 2px 3px #ccc;
    -webkit-box-shadow: inset 2px 2px 3px #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.tongDao li {height: 30px;line-height: 30px;
    font-size: 14px;
    text-align: left;padding-left: 10px;}

.moreBtn,.sidebatH2>a {font-family: '宋体';
    padding-right: 10px;}
/*        end   tab                  */

.sidebar03Item01 {padding: 20px 10px;}
/*.sidebar03Item01:hover .sidebar03Bd {border-radius: 50%;-webkit-border-radius: 50%; transition: border-radius 0.5s ease-in-out;}*/
.sidebar04Item01 {padding: 30px 10px;}
.sidebar04Item01>h4{line-height: 20px;}
.sidebar04Item01>strong,.sidebar03Item01>strong {width: 20px;}
.sidebar03Item01 .newsBox01Title {line-height: 20px;}
.sidebar03Str {line-height: 20px;height: 20px;font-weight: bold;margin-right:36px;}
.sidebar03Bd:hover {transform: translate(100px);}
.sidebar03Bd {width:66px;height: 66px;overflow:hidden;border: 1px solid #ccc;border-radius:10px; -webkit-border-radius:10px; margin-right:30px;transform: translate(0px);}
.sidebar03Bd img {width: 100%; height: auto;}




.bdItem .sidebar03Item01 {padding: 20px 10px; line-height: 66px;}
.bdItem .sidebar03Item01 strong,.bdItem .sidebar03Item01 .binding360{line-height: 66px;}

.indexRightWidget .cd-tabs-navigation>li {width:25%;}
.indexRightWidget .cd-tabs-navigation>li>a {background: none !important;border: 0px;height:40px;color:#666666;line-height: 40px;}
.indexRightWidget .cd-tabs-navigation>li:first-child>a {border: 0px;}
.indexRightWidget .cd-tabs-navigation a.selected {color:#000000;background: none !important;}
.indexRightWidget .cd-tabs-navigation a:hover {color:#000000;}
.no-touch .indexRightWidget .cd-tabs-navigation a:hover {
color:#000000;
}
.liuShuiBorder {
    border: 1px solid #ccc;text-align: left;padding-left: 20px;color:#000;
    border-radius: 5px; -webkit-border-radius: 5px;  box-shadow: inset 2px 2px 3px #ccc;  -webkit-box-shadow: inset 2px 2px 3px #ccc; height:38px;line-height: 38px;width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.liuShuiBorder input,.liuShuiBorder02 input {
    border: none;color:#000;}
.liuShuiBorder02 {border: 1px solid #c6c6c6;text-align: left;padding-left: 20px;color:#adadad;border-radius: 5px; -webkit-border-radius: 5px;height:38px;line-height: 38px;width: 100%;font-size: 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none; }
    
.liuShuiInput {width: 80%;margin: 26px auto;}
.liuShuiBtn {
    background:url("../image/searchbtn.png") no-repeat;width:124px;height: 42px; border: none;}
.backTop {position: fixed;bottom: 5%;right: 5%; color:#333;background: #fff;padding: 10px; text-align: center;}
.backTop i { font-size: 30px;color:#4cbae8}
.sharePublic {position: fixed;bottom: 13%;right: 5%; color:#333;background: #fff;padding: 10px 21px;text-align: center;}
.sharePublic i {font-size: 25px;color:#4cbae8;}
/*         report                 */
.gameReportPage {width: 550px;margin-left: auto;margin-right: auto;text-align: center;}
.gameReportPage .pagination li a{margin: 0 5px;}
.gameReportPage .pagination>li>a,.gameReportPage .pagination>li>span {border: none;border-radius: 5px;-webkit-border-radius: 5px;color:#000;}
.pagination>li>a span {
    font-size: 18px;}
.gameReportPage .pagination>.active>a,.gameReportPage .pagination>.active>a:focus,.gameReportPage .pagination>.active>a:hover,.gameReportPage .pagination>.active>span,.gameReportPage .pagination>.active>span:focus,.gameReportPage .pagination>.active>span:hover{color:#fff;}

.mt65 {margin-top: 65px;}
/*.reportArticle a:first-child {padding-top: 0px;}*/
.sidebar02Box .indexmt48 {margin-top: 43px;}
/*         report_detail                 */

.reportDetailH4 {width: 90%;line-height: 30px;}
.reportDetailContent {padding: 40px 50px; line-height: 30px;min-height: 700px;}
.reportDetailContent img {max-width: 100%;height: auto;display:block;margin:0 auto;}
.reportDetailBottomWeixin {padding:30px 50px;}
.bestNewsBox01H4 {height: 40px;line-height: 20px; margin: 0px;}
.cd-tabs .cd-tabs-navigation>li.webGameOpenDiv>a,.webGameOpenDiv{border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px ;}
.reportDetailContent p{text-indent: 0px;font-size: 16px; line-height: 30px;}
.reportDetailContent strong,.reportDetailContent  span{font-size: 16px; }
.reportDetailContent p strong, .reportDetailContent  p span{font-size: 16px; }
.reportDetailContent>div {text-indent: 20px;font-size: 16px; line-height: 30px;}
/*         yellow                */

#mobile_netbar01 a:nth-child(1) strong,#mobile_netbar02 a:nth-child(1) strong {color:#e71f19;}
#mobile_netbar01 a:nth-child(2) strong,#mobile_netbar02 a:nth-child(2) strong {color:#e71f19;}
#mobile_netbar01 a:nth-child(3) strong,#mobile_netbar02 a:nth-child(3) strong {color:#e71f19;}
#mobile_net01 a:nth-child(1) strong,#mobile_net02 a:nth-child(1) strong,#mobile_net03 a:nth-child(1) strong {color:#e71f19;}
#mobile_net01 a:nth-child(2) strong,#mobile_net02 a:nth-child(2) strong,#mobile_net03 a:nth-child(2) strong {color:#e71f19;}
#mobile_net01 a:nth-child(3) strong,#mobile_net02 a:nth-child(2) strong,#mobile_net03 a:nth-child(3) strong {color:#e71f19;}
.yellowSearchBox {box-shadow: 2px 2px 4px #DFD8D8,-2px -2px 1px #E4E3E3;-webkit-box-shadow: 2px 2px 4px #DFD8D8,-2px -2px 1px #E4E3E3;
    border-radius: 5px;-webkit-border-radius: 5px;}
.bge2e2e2 {background: #e2e2e2;}
.yellowSearchSpan {padding: 5px;
    border-radius: 5px; -webkit-border-radius: 5px;}
.yellowSearchPingTai {padding:20px 10px;
    border-radius: 5px;-webkit-border-radius: 5px;}
.yellowSearchPingTai .kindUl {width:84%;}
.yellowSearchPingTai .otherCityDiv .kindUl {width:100%;}
.kindUl {padding-left: 10px;width:88%;}
.kindUl li {float: left;margin:6px 5px;}
.kindUl li a {padding: 3px 10px;
    border-radius: 5px;-webkit-border-radius: 5px;color:#242424;
    font-size: 14px;}
.kindUl li a {
    position: relative;}
.kindUl li a:hover {background: #3ea7d3;color:#fff; }
#otherA:hover {background: none;color:#242424;}
.kindUl li a:last-child i {width: 0;height: 0;
    border-top: 5px solid #f58a00;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;content: '';
    position: absolute;right:-13px;top:10px;}
.kindUl li a.curr { background: #3ea7d3;color:#fff;}
.kindUl li a:hover i{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);  transition: all .2s ease-out,color .1s ease-out;}
.yellowImgBox {  width: 120px;
    height: 120px;
    overflow: hidden;
    margin-right: 20px;
    border: 1px solid #F3F1F1;}
.yellowImgBox img {width: 100%;height: auto;}
.yellowItem>a{background: #fff;
    margin: 10px 0px;transition:box-shadow 1s ;-webkit-transition:box-shadow 1s;-moz-transition:box-shadow 1s;-o-transition:box-shadow 1s;}
.yellowItem>a:hover{-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}

.productInData {margin: 0px 10px 20px;
    background: #4cbae8;display:block;color:#fff;padding: 20px 57px;
    border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 0px 2px 0px #108ec2;letter-spacing:7px;}
    .productInData img {margin-right: 20px;}
.productInData:hover {background: #3DA6D2;}
.productInData i {
    font-size: 60px; margin-right: 10px;}
/*         yellow   detail             */
.mb18 {margin-bottom: 18px;}
.companyDetailLogo {width: 150px; height: 150px;overflow: hidden;margin:0px 40px 40px 40px;}
.companyDetailLogo img {width: 100%; height: auto;}
.companyDetailInfo {width: 78%;}
.companyDetailInfoUl li {width: 50%; float: left;line-height: 25px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.companyDetailInfoUl li,.companyDetailInfoUl li span {
    font-size: 14px;color:#242424;}
.companyDetailInfoUl li span,.companyDetailInfoUl li a {padding-left: 15px;}
.companyDetailInfoUl li a {
    font-size: 14px;}
.companyNameP {height: 35px;line-height: 35px;}
.companyInstr {padding: 20px 40px; line-height: 30px; }
.companyInstr p {
    font-size: 14px;color: #242424;line-height: 30px;}
.companyInstr p span {line-height: 30px;}
.companyDetailTextH2 span {line-height: 30px;}
.companyDetailImgBox li{width: 25%; float: left;
    text-align: center; margin: 20px auto;}
.companyDetailImgBox li>img {width: 210px;height: 210px;}
.companyDetailImgBox li>div {height: 30px; line-height: 30px;
    font-size: 18px;color:#242424;}
.PCyellowAddressSpan {width: 80%; padding-right: 3%;display: inline-block;}
.productDetailPageImgScroll {width: 640px;height: 480px;margin: 20px auto;overflow: hidden;}
.bgfff{background: #FFFFFF;}

.companyDetailPage>p{font-size: 14PX;text-indent: 20px;color:#242424;padding: 20px 40px;line-height: 30px;}
.pcConferenceDetailText img {
    }
/*         client page          */
.clientYellowPageUl { width: 100%}
.clientYellowPageUl li {  float: left; width:50%;margin-top: 10px;}
.clientYellowPageUl li:nth-child(2n-1) {width: 49%;border-right: 1px solid #ccc;}
.clientYellowPageUl li a {padding:30px; }
.clientYellowPageUl li a:hover { background: #eee; }
.clientYellowImgBox {width: 160px; height: 90px;overflow: hidden;  background: #000; margin-right: 20px}
.clientYellowImgBox  img{width: 100%; height:auto;}
.slideTxtBox .hd ul li {background: #fff;}
.paohuiDetailText {padding: 40px 50px;}
.paohuiDetailText p {}
.paohuiDetailText p,.paohuiDetailText p span {text-indent: 20px;font-size: 16px; line-height: 30px;color:#2a3a40;}
.paohuiDetailText p span img {max-width:100%; height: auto;}
/*         conference  list          */
.pcConferenceListPage {padding: 29px 20px;
    border-radius: 5px;-webkit-border-radius: 5px;}
.pcConferenceItemLeft {width: 28%;
    text-align: center;}
.pcConferenceItemRight {padding-left: 30px;width: 72%;}
.pcConferenceItemImg  img{width: 100%;height:auto;}
.ConferenceDay {color:#f15c58;
    font-size: 88px;}
.pcConferListBigImg {width: 438px; height: 150px;overflow: hidden;}
.pcConferListBigImg img {}
.pcConferenceDetailText { padding: 20px;}
.pcConferenceDetailPageImg {width: 100%;height:310px;overflow: hidden;
    background: #ccc; }
.pcConferenceDetailPageImg img{width: 100%;height:auto;}
p[class='pcConferenceDetailTextP']{
    font-size: 14px;color:#000; line-height:25px;}
.confernceMapImg {width: 100%; height: 250px;overflow: hidden}
.confernceMapImg img {width: 100%; height:auto;}


/*        integral wall        */

.pcIntegralPageLeft {width:366px;}
.pcIntegralPageRight  {width: 692px;}
.pt70 {padding-top: 70px;}
.toolsPs {padding: 20px 30px;}
.pieEcharts,#integ_pricerange { border-radius: 5px; -webkit-border-radius: 5px;}
.integ_table_h5 {height: 50px;line-height: 50px;color:#fff;
    font-size: 14px;
    background: #4cbae8;
    border-radius: 5px;-webkit-border-radius: 5px; padding-left: 20px;}
.integralBottomUl li{width: 31%; margin-right: 3%; float: left;border: 1px solid #DFD9D9;border-radius: 5px;-webkit-border-radius: 5px;margin-bottom: 18px;background: #fff;}
.integralBottomUl li:nth-child(3n){ margin-right: 0;}
.pd19 {padding: 19px;}
.integralBottomUl .integ_pice_range {width: 23%;text-align: center;}
.integralBottomLeft {width: 77%; border-right:1px solid #D3D3D3;}
 .integralBottomUl .tools_article_left img {width: 100%;height: auto;
    border-radius: 5px;-webkit-border-radius: 5px; }
.integralBottomUl .tools_article_rightext_h3 {font-size:1.4rem;color:#000;margin-bottom: 0px;overflow: hidden}
.integralBottomUl .tools_article_rightext {width: 70%;}

/*      web form      */
.bdrdues10 {border-radius: 10px;-webkit-border-radius: 10px;}
.webFromDian {width: 5px;height: 5px;
    border-radius: 10px; -webkit-border-radius: 10px;display: inline-block; margin-right: 10px;
    background: #82d851;}
.tools_search_qudao {
    padding: 45px 88px;width: 100%;}
.tools_search_qudao01 {margin-bottom: 20px;}
.toolsMobileView {padding: 0px 88px 30px;}

/*      web result    */
.toolsResultPageTopTable {width: 100%;}
.toolsResultPageTopTable tr td{padding: 14px 0px;}
.width20{width: 20%;}
.width70{width: 70%;}
.Bgebebeb{
    background: #ebebeb;}

.colorff0000 {color:#ff0000;}

.toolsResultPageH4 { border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px;
    background: #ebebeb;
    padding: 18px 0px 18px 18px;}
.toolsMingArrow::before {}

/*      recuitment list page     */
.recruitmentPageLeft {width: 328px;}
.recruitmentPageRight {width: 732px;}
.center {
    margin-left:auto;margin-right: auto;}
.recruiJobName {padding: 20px;}
.recruiJobNameUl li {float: left;width: 50%;}
.recruiJobNameUl li a {font-size: 12px;color:#686868;letter-spacing: 1px; margin: 9px 5px;display: inline-block;}
.recruiJobNameUl li a:hover,.recruiJobNameUl li a:focus,.recruiJobNameUl li a.curr {color:#108ec2;}

.recuitmentSearch {width:100%;
    margin: 0px auto 15px;}
.recuitmentSearchBorder {border: 2px solid #3ea7d3;border-radius: 3px;-webkit-border-radius: 3px;}
.recuitmentSearchIpt {width: 95%;border: none;height: 36px; line-height: 36px;}
.recuitmentSearchBorder
.recuitmentSearchBtn {background: #3ea7d3;width:34px; height: 36px;color:#fff;text-align: center;border: 0px;}
.recuitmentSearchBtn i {
    font-size: 26px; line-height: 36px;}
.recruitmentPageRight .yellowSearchPingTai .kindUl {
    width: 92%;}
.recuitmentListUl {padding: 30px 30px 15px;}
.recuitmentListUl li{width:25%;float: left;
    margin-top: 30px;
    margin-bottom: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
.recuitmentListUl li a:hover {color:#3ea7d3;}
ul.recuitmentListUl li:last-child {margin-bottom: 0px;}
.bgf1f1f1 {background: #f1f1f1;}
.bdca {border: 1px solid #cacaca;}
.otherCityDiv {
    position: absolute;background: #fff;width:auto;line-height:30px;top:68px;left:105px;border-left: 1px solid #ccc; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;z-index: 10; padding-top: 15px;}

/*      recuitment deatil page     */
.bg4cbae8 {background: #4cbae8;}
.recruitmentDetailCompanyTop  .iconfont.icon-tagfill,.pcRecruit_tab .iconfont.icon-tagfill{
    font-size: 24px;color:#DEDDDD;}
.recruitmentDetailCompanyTop p {
    margin: 10px 0;}
/*     publicCompanyList page     */


.pd10 {padding: 10px;}
.companyProductName {width: 19%;padding: 10px;background:#fff7cc;text-align: center; color:#686868; font-size: 20px;line-height: 30px; margin: 10px;}
/*.companyProductName p {font-size: 20px; color:rgb(104,104,104);}*/
.companyOl {width: 70%;margin-top: 15px;}
.companyOl li {width: 33%;height: 40px;line-height: 40px;float: left;
    font-size: 14px;color:#686868;}
.companyOl li>strong {padding-left: 10px;}

.CompanyNews {width: 100%;display: block; padding: 0 20px;}
.mobile_rangk {border-bottom: 1px solid #ebebeb;}
.CompanyNews:hover {background: #FBFBFB;}
.mobile_rangk_num {width: 20%;height: 76px;line-height: 76px;color:#bbb;font-size: 14px;}
.companyDataLogo {width:144px;height: 86px;overflow:hidden;}
.companyDataLogo img{width:100%;height:auto;}
.CompanyDataPage {padding: 20px;}
.companyDataInfo {padding: 20px;}
.conference_det_p2 {width:70%;}
.conference_det_p2 tr td{color:#252525; font-size: 14px;height: 30px;line-height: 30px;}
.sidebar03ItemBox a:first-child:hover {border-radius: 0px 10px 0px 0px;}

.topNumBg>span{width: 30px; height: 30px;font-weight: bold;text-align: center;line-height: 30px;font-size: 14px;display: inline-block}

.ClientHot>i {color:red;font-size: 14px;}
.AppstorePage .webGameRankTable tr td{  padding:30px 0px;}
.bestNewsBox {width: 68px;height: 62px;overflow: hidden;
    border: 1px solid #F3F1F1;.recrui_positondescre}
.bestNewsBox img{width:100%;height:auto;}
/*     moblieRankPage page     */
.mobileRankPage {
    padding-left: 20px;}
.mobileRankPage .mobile_kind li {margin-bottom: 20px;}
.mobileRankPage .mobile_kind li>a {width:60px;overflow:hidden;margin-left: auto;margin-right: auto;}
.mobileRankPage .mobile_kind li>a img  {width:100%;height: auto;
    border-radius: 10px; -webkit-border-radius: 10px; }
.mobileRankPage .mobile_kind li>a:hover p,.mobileRankPage .mobile_kind li>a:focus p,.mobileRankPage .mobile_kind li>a.curr p {color:#4cbae8;}
.pcMoblieRankPage>li{width:50%;float: left;
    border-right: 1px solid #ccc;}
.pcMoblieRankPage>li>div {margin: auto 30px;}
.pcMoblieRankPage>li:nth-child(2n){
    border-right: none;}
.topNum {width: 30px;height: 30px;text-align:center;line-height: 30px;font-weight: bold;font-size: 14px;color:#000;}
.topNum01 {background: #f15c58; color:#fff;}
.topNum02 {background: #ea6b0e;  color:#fff;}
.topNum03 {background: #ea9f0e;  color:#fff;}
.gameDownloadNum,.gameName {line-height: 30px;}
.gameName {width:144px;}
.pcMoblieRankHide {background: #e8e8e8; padding: 12px 10px;}
.RankHideRightH4 {height: 30px; line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-text-overflow: ellipsis;}
.gameDownloadNum {overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.pcMoblieRankPage li{position: relative}
.pcMoblieRankPage li .pcMoblieRankHide {position: absolute;left: 0px;top: 0px;width: 83%;}
.pcMoblieRankHideRight {width: 55%;}
.saoMiaoWeixinText p {line-height: 22px;}
/*     webGameRank page     */

.webGameRank .slideTxtBox .hd{width: 44%;margin-left:auto;margin-right:auto;}
.webGameRank .slideTxtBox .hd>ul>li {width: 33%;}
.webGameRankTdWid10 {width: 10%;}
.webGameRankTdWid20 {width: 20%;}
.webGameRankTdWid30 {width: 30%;}
.webGameRankTdWid40 {width: 40%;}
.webGameRankTable {width: 100%;}
.webGameRankTable tr td,.webGameRankTable tr th {padding: 20px 0px; font-size: 18px; text-align: center; }
.webGameRankTable tr th {color:#4cbae8;border-bottom: 1px solid #e5e5e5;}
.webGameRankTable tr td {color:#000000;}
.webGameRankTable tr td>i {vertical-align: top;font-size: 16px;}
.webGameRankTable tr td.ta_l,.webGameRankTable tr th.ta_l {text-align: left;}

/*     webGameOpenRank page     */

.webGameOpenRankPageLeft {width: 190px;margin-right: 22px;}
.webGameOpenRankPageRight {width: 80%;}
.webGameOpenRankPageLeft .twonav>div a {text-align: center;font-size: 18px;color:#000;font-weight: bold; height: 56px;line-height: 56px;border-top: 1px solid #d4d4d4;}
.webGameOpenRankPageLeft .twonav>div:first-child a{border-radius: 10px 10px 0px 0px;border-top: 0px;}

.pcRecruit_tab li{float: left;font-size: 20px;
    margin-right: 6%;}
.pd50 {padding: 0px 50px;}
.recruiDetailPeople {line-height: 50px;}
.recruitmentDetailCompanyNameBg {background: #4cbae8;    padding: 20px 24px 11px 24px;position: inherit;top:-10px;
    width: 330px;line-height: 30px;}
.threeJiao{width: 0;height: 0;border-left:10px solid transparent;border-bottom:10px solid #3ea7d3; position: absolute;left:-10px;top:0px;}
.recruitmentDetailCompanyName {color:#fff; line-height: 30px;}
.recruitmentDetailCompanyPos {color:#fff;font-size: 20px;font-weight: bold;line-height: 27px;}
.recruitmentDetailCompanyTop {position: relative;}
.pt100 {padding-top: 80px;}
.pt10 {padding-top: 10px;}
.recruDetailCompanyLogoimg {width: 190px; height: 140px;margin-left: auto;margin-right: auto;overflow: hidden;}
.recruDetailCompanyLogoimg img {width: 100%; height: auto;}
.recruiDetailPageCompany  {width: 100%;}
.recruiDetailPageCompany tr td {padding:5px 0px;color:#5e5e5e;font-size: 14px; line-height: 20px;}
.recruiDetailPageCompany tr td.wid50{width: 50px;}
.recrui_positondescre {min-height: 600px;}
.recrui_positondescre>strong {margin-bottom: 50px;margin-top: 30px;}

.Img404{width: 473px; height: 225px; margin-left: auto;margin-right: auto;}
.text404 {width: 300px; margin-left: auto;margin-right: auto;margin-top: 66px;}
.text404>p{color: #5d5d5d; line-height: 25px;}
.shuxin{color:#cd4848;}
.error404a {background: url(../image/btn404.png) no-repeat; width:147px;height: 62px;font-size: 20px;color: #fff;text-align: center; line-height: 62px;  text-shadow: 1px 0px 0px #000;}

.recuitmentListPage>div:nth-of-type(odd) {
    background: #fff;}
.recuitmentListPage>div:nth-of-type(even) {
    background: #f1f1f1;}
/*  about us page*/

.aboutusPage .cd-tabs-navigation>li {float: none;width: 100%;}
.aboutusPage .cd-tabs-navigation>li a {border-bottom: 1px solid #ccc;border-top: 0px;border-right: 0px; height: 56px;line-height: 56px;}
.aboutusPage .cd-tabs-navigation{height: 100%;float: left;width:17%;}
.aboutusPage .cd-tabs-content {float: right;width: 79%;background:none;}
.aboutusPage .cd-tabs {width:100%;}
.aboutus {position: relative;padding: 50px;}
.aboutCompany {line-height: 50px;}
.recruitmentDetailCompanyNameBg02 {background: #4cbae8;
  padding: 10px 25px;
  position: absolute;
  left: -12px;
  top:15px;}
.threeJiao02 {width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #3ea7d3;
  position: absolute;
  left: 0px;
  top: -10px;}
.aboutYuan {width: 20px; height: 20px;background: #ffffff;box-shadow: inset 3px 3px 7px #ccc,inset -3px -3px 8px #ccc;display: block; position: absolute;border-radius: 50%;-webkit-border-radius: 50%;}
.aboutyu01 {right: 2%;top: 15px; }
.aboutyu02 {right: 2%;bottom: 15px; }
.aboutyu03 {left: 2%;bottom: 15px; }

.aboutH3 {color:#e02525;}
.reportDetailContent02 {padding:20px 40px;line-height: 30px;border-radius:10px; -webkit-border-radius:10px;}
.aboutH3bottomP {line-height: 30px;}
.aboutlistUl {width:35%;}
.aboutlistUl li{margin-bottom:40px;}
.companyText {width: 50%;}
.xiancenter {background: url(../image/xian.png) no-repeat;width: 1px;height:396px;margin: 0 13%;}
.companyTextP {line-height:24px;}
.yellowSearchBox02 {  box-shadow: 2px 2px 4px #DFD8D8,-2px -2px 1px #E4E3E3;
  -webkit-box-shadow: 2px 2px 4px #DFD8D8,-2px -2px 1px #E4E3E3;
  border-radius: 10px;
  -webkit-border-radius: 10px;}
.recruitmentDetailCompanyPos02 {color: #fff;font-size: 18px;}
.aboutusPage .cd-tabs-navigation>li:first-child>a {border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-left: 0px; padding: 0 10px;}
.aboutusPage .cd-tabs-navigation>li:last-child>a {border-radius: 0px;-webkit-border-radius:0px;border-bottom: 0px;}

.aboutStaff {position:relative;padding: 14px; border-radius:10px; -webkit-border-radius:10px;border: 1px solid #d4d4d4;}
.companyStaffInfo {height: 20px;line-height: 20px;margin: 10px 0px;}
.companyStaffPic {width: 100px;height: 100px;border-radius: 50%;-webkit-border-radius: 50%;border: 10px solid #e5e5e5;background: #ec7676;}
.companyStaffright {width: 125px; text-align: center; margin: 0 5%;}
.companyStaffleft {padding-left: 30px;}
.staffxian {background: url(../image/sxian.png) no-repeat;width: 1px;height:240px;}
.saoyisao {line-height: 30px;}
.CompanyAddress i {color:#86c955;font-size: 20px;}
.confernceMapImg02{width: 100%; height:575px;overflow: hidden}
/*  tools_index */
.tools_index_pd {padding: 4.3rem 1.3rem 0px;}
.IntergralWall .mobile_page_icon i{line-height:4rem; color:#90c231; filter:Alpha(Opacity=opacity)}
.tools_index_pd .tools_article .tools_article_left {width: 23%;overflow: hidden;position:relative;position:absolute;left:0px;top:27%;}
.tools_index_pd .tools_article .tools_arrow {position:absolute;right:0;top:3.5rem;}
.tools_index_pd .tools_article .tools_article_rightext {margin-left:23%; margin-right:10%;}
.tools_index_pd  .tools_article .tools_article_rightext .tools_article_rightext_h3 {font-weight:bold;}
.tools_article_bg1 {background: #dcf4f3; }
.tools_article_bg2 {background: #87d3ff;}
.tools_article_bg3 {background: #90c231;}
.tools_article_bg4 {background: #d1c0a7;}
#yellow_company_list .tools_article_rightext_h3 {overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap;width:83%;}
.tools_article_rightext_h3 {font-size: 1.8rem;height: 2rem;line-height: 2rem;color:#000; }
.tools_article_bg1 .tools_article_rightext_h3,.tools_article_bg1 .tools_article_left>i,.tools_article_bg1 .tools_arrow>i,.tools_article_bg1 .tools_article_rightext_p {color:#407086;}
.tools_article_bg2 .tools_article_rightext_h3,.tools_article_bg3 .tools_article_rightext_h3,.tools_article_bg2 .tools_article_left>i,.tools_article_bg3 .tools_article_left>i,.tools_article_bg2 .tools_arrow>i,.tools_article_bg3 .tools_arrow>i,.tools_article_bg2 .tools_article_rightext_p,.tools_article_bg3 .tools_article_rightext_p {color:#fff;}
.tools_article_bg4 .tools_article_rightext_h3,.tools_article_bg4 .tools_article_left>i,.tools_article_bg4 .tools_arrow>i,.tools_article_bg4 .tools_article_rightext_p {color:#7e6b5b;}

.bdb1 {border-bottom: 1px solid #ebebeb;}
.bdt1 {border-top: 1px solid #ebebeb;}
.bdr1 {border-right: 1px solid #ebebeb;}
.bdr1407086 {border-right:1px solid #407086;}
.bdl1 {border-left: 1px solid #ebebeb;}
 .toolsArticleList {margin-bottom: 1.6rem;padding: 1.5rem 0px;display: block;position: relative;}
 /*.tools_index_pd .toolsArticleList .tools_article {position: relative;}*/
.tools_article_left {width:18%;overflow: hidden;text-align: center;}
.tools_article_left>i {font-size: 4rem;line-height: 4rem;}
.tools_arrow {margin: 0 3% 0px 0px;}
.tools_arrow>i {font-size: 2rem;}
.tools_article_rightext_p {font-size: 1.4rem;color:#b5b5b5;line-height: 1.4rem;}
.yellow_list_area {font-size: 1.2rem;}
.yellow_list_pd12 .tools_article_left {width: 22%;overflow: hidden; margin-right: 1rem;}
.yellow .tools_article_left {width:20%;overflow: hidden;text-align: center;margin-right:5%;}
.yellow .tools_article_left img {width: 100%;height:auto;}
.yellow {padding: 1.3rem 0px;height:4.1rem;}
.mobileGame {padding: 1.3rem 0px;height: auto;}
.yellow .tools_article_rightext_h3 a{font-size: 1.8rem;color:#313131;}
.yellow .tools_article_rightext .tools_article_rightext_p{font-size: 1.4rem;color:#313131; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;width:85%;}
.yellow .yellow_list_area{color:#666;}
.mb14{margin-bottom: 1.4rem;}

/*  tools_search */

.tools_search_h3 {height:72px;line-height:72px;padding-left: .7rem;font-weight:bold;}
.pd13 {padding:0px 1.3rem;}
.tools_search_select {border: 1px solid #ccc;
    border-radius: 10px; -webkit-border-radius: 10px;  box-shadow: inset 2px 2px 3px #ccc;  -webkit-box-shadow: inset 2px 2px 3px #ccc; height:38px;line-height: 38px;width: 100%}
.tools_search_select option {text-align:center;}
.tools_search_ipt {width: 100%;border: 1px solid #8abbcd; height:3.2rem;line-height: 3.2rem;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;text-align:center;background:#fff;font-size:1.3rem;color:#bfbfbf;}
.ToolsDownArrow .red,.ToolsFormNum .red .tools_search_ipt{border: 1px solid red;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.tools_search_ipt::-webkit-input-placeholder {line-height:3rem;}
.width48{width:48%;}
.tools_search_count {
    background: url("../image/tools.png") no-repeat; width:287px;height: 69px;
    border: none;margin-left:auto;margin-right: auto;
    display: block; }
.count_bg {background: #ed8a02;
    border-radius: 10px; -webkit-border-radius: 10px;}
.mobile_page_icon {text-align: center;line-height:5rem;}
.mobile_page_icon i {font-size:5rem;}
.mobile_page_icon i.icon-yeyou {color:#fff;}
.mobile_page_icon i.icon-shouyou {color:#407086;}
.ToolsDownArrow {position:relative;margin-right:4%;font-size:1.2rem;}
.ToolsDownArrow .passiveSelect {font-size:1.2rem;}
.pcToolsArrow {width: 37px; height:37px;border-left: 1px solid #D0CFCF;;display: block; position: absolute;right: 0; top:0;}
.pcToolsArrow i{
    width: 0;
    height: 0px;
    border-top: 8px solid orange;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;  position: absolute;
    top: 16px;
    left: 10px;}
/*
.ToolsDownArrow {height: 2.8rem;line-height: 2.8rem;background:#3a9bc8;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.ToolsDownArrow span {color:#fff;text-align: center;font-size: 1.4rem;}
.ToolsSelect {position:absolute;left: 0px;top:2.8rem;background:#3a9bc8;width:100%;z-index: 100;}
.ToolsSelect li {height: 3rem;line-height: 3rem;font-size: 1.2rem;color:#fff;text-align: left;margin-left: 1rem;}
*/



/*  tools_search_result */
.tools_count_kind {}
.tools_count_kind_le {color:#407086; height:2.8rem;line-height:2.8rem;font-size:1.2rem;}
.tools_count_kind_ri {color:#407086;font-size:1.8rem;height:4rem;line-height:4rem;font-weight:bold;}
.tckl_bg {background:orange;}
.tckr_bg {background: #66ccff;}
.tools_search_count_h3 {height: 3rem;line-height: 3rem;padding-left: .5rem;font-size:1.6rem;color:#407086;}
.mobile_result_ul li{ width:31%;float:left;margin-right:3%;text-align:center;padding:.7rem 0px .4rem 0px;}
.mobile_result_ul li:nth-child(3n){margin-right:0px;}
.tools_search_count_table {width: 100%;  }
.tools_search_count_table tr:nth-child(even){
    background: #ebebeb;}
.tools_search_count_table tr td,.tools_search_count_table tr th {padding:18px 0px 18px 20px;}
.tools_search_count_table tr td {font-size:14px;}
.tools_search_count_table tr td.font16px {font-size:16px;}
.tools_search_count_table tr th {font-weight: bold;
    font-size: 14px;}
.tools_search_count_table tr td.wid20 {width:20%;color:#000;font-weight:bold;}
.tools_count_all_h2 {width: 100%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.4rem;color:#407086;}
.tools_count_notice {font-size: 16px;font-weight: bold;color:#8d8d8d;line-height: 1.8rem;}
.tools_count_notice_p {font-size: 1.2rem;line-height: 1.8rem;color:#959595; padding-left: 20px; margin-top: 20px;}
.tools_search_result {width: 100%;text-align: center; height:200px;}
.tools_formbg {background: #bbeef6;padding: 0px .5rem;}
.tools_formbg2 {background: #bbe3f6;padding: 0px .5rem;}
.mobile_formbg {background: #7ceeff;}
.web_formbg {background: #7cd5ff;}
.tools_hot {position: absolute;right: 0px;top: 0px;background: #e30a20;color:#fff;font-style: italic;font-weight: bold;font-size: 1.4rem;text-align: center;border-radius: 0px 0px 0px 5px;-webkit-border-radius: 0px 0px 0px 5px;-ms-border-radius: 0px 0px 0px 5px;width: 4rem;height: 1.6rem;line-height: 1.6rem;}

.web_result_page .tools_search_count_h3 {color:#0087be;}
.mobile_result_c3e9ff{background:#c3e9ff;}
.web_result_page .tools_search_count_table tr th {color:#0087be;}
.web_result_page .tools_search_count_table tr td.wid20 {color:#0087be;font-style:normal;}
.web_result_page .tools_count_kind_le {color:#0087be;}
.web_result_page .tools_count_kind_ri {color:#0087be;}
.JobSearchBg {background:url("") center no-repeat; width:2.6rem;height: 2.6rem; position: absolute;right:5%;top:.5rem;
    -webkit-background-size: 100% 100%;background-size: 100% 100%;border: none;text-indent: -99999px;z-index:2;}
.JobSearchBg:active { background-color: #dbf2ff;}
/*  integral_wall */
.integ_head {background:url("../image/jfb.png");text-align: center;width: 368px;height:350px;}
.integ_head_h5 {font-size: 20px;color:#000;
    text-shadow: 0px 4px 8px #676161;}
.integ_head_h5 span {
    font-size: 28px;font-weight: bold;}
.integ_head_p {font-size:22px;color:#e84848;font-weight: bold;
    text-shadow: 2px 3px 8px #867777;;}
.integ_head_p strong {font-size:48px; color:#e84848;}
.integ_table tr th.integ_table_h4,.integ_table_h4 {color:#82d851;font-size:14px;font-weight: bold; padding: 19px 20px;}
.integ .tools_article_left {width:4rem;height: 4rem;overflow: hidden; margin-right: 1rem;border: 1px solid #eefed1;}

.integ_table {width: 100%;}
.integ_table tr th { font-size: 14px;font-weight: bold;color:#000; padding: 19px 20px;}
.integralTrBg {
    background: #ebebeb;}
.integ_table tr td {font-size:14px;color:#000; padding: 19px 20px;}
.integ_table tr td.ta_l,.integ_table tr th.ta_l {text-align:left;}
.integ_table tr td.fz14 {font-size: 1.4rem;}
.fw_b{font-weight: bold;}
.integ_wid_40 {width: 40%;}
.integ_wid_20 {width: 20%;}
.integ_pricerange {width: 100%;height: 200px;}
.integ_numbertrend {width: 100%;height: 200px;}
.intergral_bg {background: #eee;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;}
.integ .tools_article_rightext {text-align: left;}
.integ .tools_article_rightext_p {font-size: 1.2rem;color:#000;}
.integ {padding: .5rem 0px;}
.integ .integ_pice_range .tools_article_rightext_h3,.integ .integ_pice_range .tools_article_rightext_p{color:#000;font-size: 1.2rem;font-weight: bold;}
.integ .integ_pice_range .tools_article_rightext_p {color:#f3af4c;}
.mt14 {margin-top: 1.4rem;}
.IntergralWall .mobile_page_icon {line-height:0px;}
.IntergralWall .tools_article_rightext_p.fz14 {font-size:1.4rem;}
.SearchButton {position:absolute;right:1%;top:.1rem;width: 4rem;display: inline-block;
    text-align: center;}
#integ_pricerange .highcharts-title,#integ_pricerange .highcharts-button{display: none;}

/*  industry_report */
.report_nav{position:fixed;left:0px;top:4.3rem;width:5rem;z-index:2; }
.report_nav li {width:100%;text-align:center;}
.report_nav li a {font-size: 1.6rem; color:#959595;display:block;height: 7rem;line-height:8rem;background:#eee;margin-bottom:1px;font-weight:bold;}
.report_nav li a span {width:4rem;display:inline-block;line-height:1.6rem;font-size:1.5rem;}
.report_nav li a span.spec{width:5rem;display:inline-block; line-height:1.5rem;text-align:center;}
.report_nav li a:last-child{margin-right: 0px;}
.report_nav li a.curr {background:#c9c9c9;color:#535353;}
.yellow_footer .twonav>span a{margin:0 .5rem;font-size: 1.3rem; color:#407086;height:3rem;line-height:3rem;}
.twonav>div a {width: 100%;font-size: 1.3rem; color:#407086;height:3rem;line-height: 3rem;display:block;}
.twonav>div.selectTag {background: #0087be;}
.twonav>div:first-child.selectTag {border-radius: 3px 0px 0px 3px;-webkit-border-radius: 3px 0px 0px 3px;-moz-border-radius: 3px 0px 0px 3px;-ms-border-radius: 3px 0px 0px 3px;}
.twonav>div:last-child.selectTag {border-radius: 0px 3px 3px 0px;-webkit-border-radius: 0px 3px 3px 0px;-moz-border-radius: 0px 3px 3px 0px;-ms-border-radius: 0px 3px 3px 0px;}
.twonav>div.selectTag a{color:#fff;}
.twonav>div a.curr {background: #4cbae8;color:#fff;}
.twonav>div:last-child{}
.indu_rep {padding-top:1rem;padding-bottom:.8rem;}
.indu_rep .tools_article_left {width:5rem;height:5.5rem; overflow:hidden;}
.indu_rep .tools_article_left img {width: 100%;height: auto;}
.indu_rep .tools_article_rightext_p,.indu_rep .tools_article_rightext_p span {color:#777;font-size: 1.2rem;}
.indu_rep .tools_article_rightext_p span {padding-right:.5rem;}
.indu_rep .tools_article_rightext_h3 {font-size:1.6rem;color: #313131;font-weight: bold;line-height:1.7rem; height:3.4rem;display:block;
    overflow: hidden;}
.reportSource {width:10rem;
    overflow: hidden;white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;}
.indu_article_rightext {width:77%;}
.report_det_div>p {text-indent: 2rem;line-height:3rem;font-size: 1.4rem;color:#000;}
.report_det_div>img {width: 100%;height: auto;margin: 10px auto;}
.report_det_title {text-align: center;}
.indu_det_h2 {font-size: 1.6rem;line-height: 2rem;font-weight: bold;color:#313131;font-weight:bold;}
.report_det_title .indu_det_h2_p {font-size: 1.4rem;line-height: 3rem;color:#ccc;}
.indu_det_h2_p {font-size: 1.6rem;line-height: 3rem;color:#ccc;}
.report_detail_detail {padding:1rem .5rem;}
.report_detail_img img {width:100%;height:auto;border:1px solid #ccc;}
.conference_det_p { display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; padding-right:1.1rem;}
.report_divflex { padding-right:1.1rem}
/*.report_list {-webkit-box-flex:1;*/
  /*-moz-box-flex:1;*/
  /*-webkit-flex:1;*/
  /*-ms-flex:1;*/
  /*flex:1; }*/
.report_divflex {width:78%;}
.conference_det_p {width:73%;}
.report_listdiv {display: none;}
.yellow_production_scrollimg_wid {height:9rem;overflow:hidden;}
.conference_det {height:auto;}
.conference_det p {
    font-size: 1.4rem;line-height: 2.5rem;height:100%;}

#reportDetail {background:#fff;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:110;overflow-y:auto;}
#reportDetailHeader {z-index:115;}
#closeReportDet {position:fixed;left:0px;top:3rem;z-index:115;}
#closeReportDet i {font-size:2.6rem;color:#fff;}
/*  recruitment */
.bdbd1 {border-bottom: 1px dotted #8abbcd;}
.bd1ccc {border: 1px solid #d2d2d2;}
.recr_art .tools_article_rightext_p {height: 1.3rem; color:#333;}
.recr_art .integ_pice_range {text-align: right;}
.recr_art .recr_art_h3  {font-size: 1.4rem;font-weight: bold;}
.bdbd1_blue {border-bottom: 1px solid #66ccff;}
.search_job>a>div {-webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
}
.search_job>li,.search_job .sala_list {width:95%;font-size:1.4rem;color:#a0a0a0;list-style:none;}

.sala_list>span {cursor: pointer;}
.search_job span {font-size:1.2rem; color:#a0a0a0;margin-right:3%;display: block;width:auto;}
.recr_citypage .search_job span {
    line-height: 5rem;}
/*  city */
.recr_city_h4 {background: #eee;height:3.4rem; line-height:3.4rem;color:#898989;font-size: 1.4rem;padding-left: 1rem;}
.recr_citypage a span {margin-right: 1rem;}
.RecruitmentPage .rank_index .tools_article_rightext_p {color:#898989;line-height:2rem;}
.RecruitmentPage .tools_article_left {width:18%;}
.RecruitmentPage .rank_index a:active .tools_article_left i{color:#fff;}
.recr_citypage a:active {
    background: #a0dcff;}
.JobSearch .recr_city_list a:active {
    background:#a0dcff;}
#city_list a:active,#area_list a:active {background:#a0dcff;}
.recr_city_list {position: absolute;left:50%;top:50%;width: 90%;height:400px;z-index:105;background: #fff;display:none;overflow-y:auto;margin-left: -45%;margin-top: -200px;border-radius: 19px;}
.recr_city_list a:active { background: #dcf4f3;}
/*.recr_city_list a:active li {color:#fff;}*/
/*  recruitment_list */
.recr_list {background: #f0f0f0;border: 1px solid #ccc;padding: 0.5rem}
.job_search_list {padding-bottom:2.3rem;}
.job_search_list_a {height:5rem;line-height:5rem;background:#dbf2ff;margin-top:.8rem;padding:0px .5rem;display:block;}
.job_search_list_a:active {background:#a0dcff;}
.job_search_list_a:active span {color:#fff}
.job_search_list_a .search_job {}
.search_job>div {color:#0087be;font-size:1.6rem; -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;}
.job_search_list_a>span {color:#a0a0a0;font-size:1.4rem;}
.job_search_list_a:active>span {color:#fff;}
.job_search_bg {background:#a0dcff;box-shadow:0px 3px 0px #2A92CF;}
.bdb1eb {border-bottom:1px solid #ebebeb;}
.RecruitmentListPage .integ_pice_range {color:#999;}
.RecruitmentListPage .integ .tools_article_rightext_h3 {font-size:1.6rem;font-weight:bold;color:#333;
    overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-text-overflow: ellipsis;}
.RecruitmentListPage .integ .tools_article_rightext_p {font-size:1.4rem;font-weight:bold;color:#999;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-text-overflow: ellipsis}
.RecruitmentListPage .integ_pice_range .tools_article_rightext_h3,.RecruitmentListPage .integ_pice_range .tools_article_rightext_p{font-style:inherit;font-size:1.4rem;}
.RecruitmentListPage .integ .integ_pice_range .tools_article_rightext_p {text-align: right;padding-right:0px;font-weight:bold;}
.RecruitmentListPage .integ_pice_range .tools_article_rightext_p {color:#999;}
.RecruitmentListPage .integ_pice_range .tools_article_rightext_h3  {color:#333; min-width: 3rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
/*  recruitment_detail */

.recr_det_h3{padding:1rem 0px 1rem .5rem;font-size: 1.8rem;color:#43b5f7;font-weight:bold;}
.recr_det_h3_p {font-size: 1.4rem;color:#313131;
    margin-top:1rem;margin-bottom: 1rem;}
.recr_det_ul {width:100%;}
.recr_det_ul li {width: 50%;float: left; line-height: 1.8rem;color:#999;font-size:1.4rem;font-weight:bold;}
.recr_det_h5 {line-height: 2.5rem;font-weight: bold;font-size: 1.6rem;color:#313131;}
.recr_det_text_p {line-height: 2rem;font-size:1.4rem;color:#999;font-weight:bold;}

.recruit_tab,.recruit_tab tr {width:100%;}
.recruit_tab tr td { height:3rem; font-size:1.3rem;color:#333;}
.recruit_tab tr td:nth-child(2){margin-right: 1%;}
.recruit_tab_pd {width:20%;}
.recruit_tab tr td.conference_detd40 {width:22%;}
.recrui_positondescre,.recrui_positondescre div p,.recrui_positondescre p,.recrui_positondescre div{line-height:2.5rem;font-size:1.4rem;}
.recrui_positondescre strong {font-size: 1.6rem;font-weight: bold;}
.recruitDetailLeftWid {width:6.6rem;}
.icon-tagfill{font-size: 22px; color:#CCCCCC;padding-right:6px;}
.recruitmentDetailCompanyTop .w50 p{
    width: 50%;
    float: left;}
.textLine {text-decoration: underline;}
/*  salary_survey */
.bdb1e5 {border-bottom:1px solid #e5e5e5;}
.search_job .sala_list div{ -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;font-size: 1.4rem;color:#000;}
.sala_list {position: relative;}
.sala_list .dropdown_menu {right:1rem;z-index:11;}
.bgBlock {background: #000;opacity: 0.6;filter: alpha(opacity:60);width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;}
#provice {position: absolute;left:50%;top:50%;width: 90%;height:400px;z-index:101;background: #fff;display:none; overflow-y:auto;margin-left: -45%;margin-top: -200px;}
#city_name {position: absolute;left:50%;top:50%;width: 90%;height:400px;z-index:100;background: #fff;display:none;overflow-y:auto;margin-left: -45%;margin-top: -200px;border-radius: 19px;}
#city_list {position: absolute;left:50%;top:50%;background: #fff;width: 90%;height:400px;z-index:102;display:none;overflow-y:auto;margin-left: -45%;margin-top: -200px;border-radius: 19px;}
#area_list {position: absolute;left:50%;top:50%;background:#fff;width: 90%;height:400px;z-index:103;display:none;overflow-y:auto;margin-left: -45%;margin-top: -200px;border-radius: 19px;}
#AllFunction {position: absolute;left:50%;top:50%;background:#fff;width: 90%;height:400px;z-index:104;display:none;overflow-y:auto;margin-left: -45%;margin-top: -200px;}
#AllDay {position: absolute;left:50%;top:50%;background:#fff;width: 90%;height:400px;z-index:105;display:none;overflow-y:auto;margin-left: -45%;margin-top: -200px;}
#city_list li,#area_list li{list-style: none;}
.search_job {  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;font-size: 1.4rem;font-weight:bold;width:95%;
    margin-left:5%;height:5rem;line-height:5rem;}
.SalaryPage .job_search_list_a{background:#dcf4f3;}
.SalaryPage .job_search_list_a:active{background:#00b2b2;}
.SalaryPage .job_search_list_a:active span {color:#fff;}
.SalaryPage .job_search_list_a>div {color:#407086;}
.SalaryTopImg {width:100%;height:auto;}
.SalaryTopImg img {width:100%;height:auto;}
.Salary_bg {background:#66cccc;box-shadow:0px 3px 0px #359B9B;}
.mt18 {margin-top:1.8rem;}
.mb13 {margin-bottom:1.3rem;}
.closeBtn {
    background: url("http://gamethk.com/Public/images/close.png") center no-repeat;
    width: 3rem;
    height: 3rem;
    background-size: 100%;
    right: 0;
    top: 0;
    position: absolute;
}
/*  benefit_detail */
.salary_bgimg {position: relative;width: 100%;height: 100%;}
.salary_bgimg>img {width: 100%; height: auto;}
.sala_input_0 {display: none;}
.salaryPage .BenefitTime {top:21%;}
.BenefitTime {font-size:1.8rem;color:#f1ffce; font-style:italic;position:absolute;top:5%;left:50%;width:31%;margin-left:-9%;font-weight:bold;}
.BenefitMoney {font-size:4.5rem;color:#ffeec6;position:absolute;top:20%;left: 50%;width:20%;margin-left: -11%;text-align: center;}
.BenefitArea {position:absolute;top:33%;left:19%;width:9rem;text-align:center;}
.BenefitArea span {background:red;font-size:2.6rem;color:#ffeec6;text-align:center;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;padding: .4em 1rem;}
.BenefitText {position:absolute;top:45%;left:3.6rem;width:44%;font-size:2rem;color:#ffeec6;line-height:2rem; font-weight:bold;}
.BenefitTimes {font-size:4rem;color:#fff;position:absolute;top:16%;left:46%;font-weight:bold;}
.BenefitText2 {position:absolute;top:49%;left:3.6rem;width:73%;font-size:2rem;color:#ffeec6;line-height:2rem;font-weight:bold;}
.BenefitPay {font-size:4rem;color:#ec0018;position:absolute;top:17%;left:38%;font-weight:bold;}
.BenefitText3 {position:absolute;top:48%;left:3.6rem;width:62%;font-size:2rem;color:#ffeec6;line-height:2rem;font-weight:bold;}

/*  salary_detail */
.SalaryMoney {font-size:2.8rem;color:#ffeec6;position:absolute;bottom:53%;right:25%;font-weight:bold;}
.SalaryArea {position:absolute;top:10%;left:21%;}
.SalaryArea2 {top:3.5rem;position:absolute;left:21%;}
.SalaryArea3 {top:3.5rem;position:absolute;left:21%;}
.SalaryArea span,.SalaryArea2 span,.SalaryArea3 span {background:red;font-size:3.6rem;color:#ffeec6;text-align:center;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;padding: .2em 1rem;}
.SalaryText {position:absolute;top:36%;left:3rem;color:#ffeec6;font-size:2.4rem;line-height:2.4rem;width:55%;font-weight:bold;}
.SalaryMoreMoney {font-size:4.5rem;color:#ffeec6;position:absolute;bottom:50%;right:34%;font-weight:bold;}
.SalaryText2,.SalaryText3  {font-size: 2rem;
  color: #ffeec6;
  position: absolute;
  left:50%;
  font-style: italic;
  width: 50%;
  line-height: 2rem;
  font-weight: bold;
  text-align: center;}
.SalaryText2 {bottom:40%;margin-left:-25%;}
.SalaryText3 {top:29%;margin-left:-34%;}
/*  conference_calender */
.mt18 {margin-top:1.8rem;}
.conference {padding:0px 1.3rem;border-bottom:1px solid #a0a0a0; margin-bottom:1.7rem;}
.conference .tools_article_left {text-align: center;width: 6rem;}
.conference .tools_article_rightext_p {line-height: 1.3rem;height: 1.3rem;color:#333;}
.conference .tools_article_rightext_h3 a {font-weight: bold;}
.conference .conference_date {height:3.7rem;background:#87d3ff;}
.coconference_date{background:#87d3ff;}
.conference_date_year {color:#fff;line-height:1.7rem;font-size:1.4rem;font-weight:bold;}
.conference_date_weekday {color:#fff;line-height:2rem;font-size:1.2rem;}
.conference_date_day {color:#fff;line-height:3.3rem;font-size:1.8rem; height:3.3rem;background:#6cafd6;font-weight:bold;}
.conference .conference_date_time {background:#add49a;height:2rem;line-height:2rem;color:#fff;font-size:1.4rem;font-weight:bold;}

.conference .tools_article_rightext {background:#eee;text-align:center;}
.conference .tools_article_rightext_h3 {font-size:1.6rem;color:#898989; line-height:3rem;height:3rem;font-weight:bold;width: 18rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: auto;
    margin-right: auto;}
.conference .tools_article_rightext_p span{font-size:1.4rem;color:#959595;line-height:2rem;height:2rem;margin-left: 1%;
    margin-right: 1%;}
.conference a:active .tools_article_rightext {background:#dcf4f3;}
.conference a:active .tools_article_rightext_h3 {color:#313131;}
.conference a:active .tools_article_rightext_p span{color:#313131;}
.conferenceActiviteAddress {width: 12rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
/*  conference_detail */

.conference_det img{width: 100%;height: auto;}
.conference_det_h5 {font-size: 1.6rem;color:#313131;line-height: 2.5rem;height: 2.5rem;font-weight:bold;}
.yellow_comdet_bg .conference_det_p  span {width:35%;}
.conference_det_p{width:100%;}
.conference_det_p tr td.conference_detd40 {width:10rem;}
.conference_det_p tr {height:3rem;}
.conference_det_p tr td{font-size: 1.4rem;color:#000;vertical-align:middle; word-break:break-all;line-height: 24px;}
.conference_det_textp {text-indent: 2rem;line-height: 2.4rem;color:#333;font-size: 1.4rem;}
.conference_map {border:1px solid #c9c9c9;height:15rem; overflow:hidden;}

.conference_det .conference_det_p2 tr td {font-size:1.4rem;padding-top:.5rem;padding-bottom:.5rem;}
.conference_det .conference_det_p2 tr td.conference_detd40 {width:7rem;}

.confererceTitleImg {height:auto;width:100%;}
.confererceTitleImg img {width:100%;height:auto;}
/*  yellow_page */
.yellow_nav_wid66 {width:66%;}
.yellow_nav_width {border: 1px solid #407086;margin-left: auto;margin-right: auto;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;background: #fff;box-shadow: 0px 2px 0px #407086;-webkit-box-shadow: 0px 2px 0px #407086;-moz-box-shadow: 0px 2px 0px #407086;}
/*.yellow_nav_width div a:first-child {border-radius: 5px 0px 0px 5px;-webkit-border-radius: 5px 0px 0px 5px;-ms-border-radius: 5px 0px 0px 5px;}
.yellow_nav_width div a:last-child {border-radius: 0px 5px 5px 0px;-webkit-border-radius: 0px 5px 5px 0px;-ms-border-radius: 0px 5px 5px 0px;}*/
.yellow_nav_width div a {border-right:1px solid #407086;}
.yellow_nav_width div:last-child a {border-right:0px;}
.yellow_nav_width div:last-child a {border-right:0px;}

.yellow_navbg {background: #87d3ff; padding: 1.2rem 0px;}
.yellow_company_search {background: #eee;padding: .8rem 0px;}
.yellow_company_search>div{  -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;}
.input_append_search {position: relative; height: 3.6rem;line-height: 3.6rem;background: #fff;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-left:1.3rem;margin-right:1.3rem;}
.input_append_search i {font-size:3rem;}
.search-query {border: 1px solid #ccc;width:99%;height: 100%;background: #eee;padding: 0px;font-size: 1.2rem;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius:20px;}
.input_append_search .btn {border: 0px;position: absolute;right:.5rem;top:2px;width: 1.8rem;height: 1.8rem;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius:20px;}
.yellow_company_search_address {line-height: 3.5rem;margin: 0px 1.5rem 0px 0px;font-size: 1.4rem;color:#bfbfbf}

.ToShow{color:#87d3ff;}
.yellow_footer {position: fixed;bottom: 0px;left: 0px;width: 100%;height: 3.9rem;line-height: 3.9rem;color:#407086;z-index: 100;}
.yellow_footer_bg {background: #fff;height: 3.9rem;line-height: 3.9rem;}
.yellow_footer div a {background: #eee;height: 3.9rem;line-height: 3.9rem;color:#407086;}
.yellow_footer div a.curr {background:none;color:#407086;}
.yellow_footer .twonav>div {margin-right:1px;}
.yellow_footer .twonav>div:last-child {margin-right:0px;}
.dropdown_menu {position: absolute;top:3rem;background: #eee;width: 8rem;border: 1px solid #ccc;right:0px;z-index:11;}
.dropdown_menu li:first-child {height: 2.5rem;line-height: 2.5rem;border-bottom: 1px solid #66ccff;font-size: 1.3rem; }
.dropdown_menu li:first-child a{ color:#66ccff;}
.dropdown_menu li:last-child { border-bottom: 0px;}
.dropdown_menu li {border-bottom: 1px solid #ccc; cursor: pointer;font-size: 1.2rem;height: 2.5rem;line-height: 2.5rem;color:#333;padding-left: .5rem;}
 .dropdown_menu li a{color:#b5b5b5;}
 .dropdown_menu .arrowtop {width: 0px;height: 0px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom: 10px solid #aaa;position: absolute;top:-10px;right:1.5rem;}
.yellow_list_pd12 {padding: 0px 1.2rem;}
.yellow_list_pd12 .yellow{ position: relative;}
.drop {position: relative;}
.yellow_list_area {position: absolute;right:3%;bottom:14%;}


/*  company_detail */
.yellow_production_detail .yellow_company_detail .tools_article_left {width:37%;height: 6.4rem;overflow: hidden;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.yellow_production_detail .yellow_company_detail .tools_article_left  img {border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.yellow_company_detail.yellow,.yellow_production_detail .yellow {height: auto;}
.yellow_company_detail .tools_article_left {width:18%; margin-right:1.7rem;border-radius:0px;}
.yellow_production_detail .yellow_company_detail .tools_article_left {margin-right:1rem;}
.yellow_company_detail .tools_article_left img {width: 100%;height: auto;}
.yellow_company_detail .tools_article_rightext_h3 {color:#313131;}
.yellow_company_detail .tools_article_rightext_p {color:#313131;}
.yellow_production_detail .yellow_company_detail .tools_article_rightext_h3 {color:#313131;height: 3rem;line-height: 3rem;}
.yellow_production_detail .yellow_company_detail .tools_article_rightext_p {color:#b5b5b5;}
.yellow_company_detail {padding:1.5rem .5rem 1.2rem;}
.yellow_production_detail .yellow_company_detail {padding:.5rem 0px;}
.ProductPage .yellow .tools_article_rightext_p {color:#b5b5b5;line-height:1.5rem;}

.CompanyNews .mobile_rangk_name{color:#000;;font-size:16px;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;overflow:hidden;height: 76px;line-height: 76px;width: 70%;}
.CompanyNews .mobile_rangk>div {text-align:left;}
.pd5{padding: .5rem;}
.yellow_company_detail_h4{height: 2.5rem;line-height:2.5rem;font-size: 1.6rem;color:#313131;font-weight:bold}
.yellow_pro_name li p{text-align: center;font-size: 1.2rem;color:#959595;height: 3rem;line-height: 3rem;}
.yellow_company_detail_text {line-height: 1.8rem;font-size: 1.4rem;color:#000;}
.yellow_comp_det_ul li{width: 28%;margin: 0 2%;text-align: center;float: left;}
.yellow_comp_det_ul li img {width: 100%;height: auto;}
.yellow_comp_det_ul li p {height: 2rem;line-height: 2rem;font-size: 1.2rem; color:#000;}
.part02 {
    padding: 1rem 1.3rem;}
.part02 h1{
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #ccc; padding-bottom: 1rem;margin-bottom: 1rem;}
.part02 p{
    font-size: 1.4rem;line-height: 2.5rem;padding-left:.5rem;
    padding-right: .5rem; }
.part02 .date {height: 2rem;
    font-size: 1.4rem;color:#dbdbdb;line-height: 2rem;}

/*  region */
.region_h4 {height: 2rem;line-height: 2rem;padding-left: 1rem;font-size: 1.4rem; color:#87d3ff;}
.region_city {padding: 0px 0px 5%;}
.region_city li {float: left;margin-right: 5%;width: 30%;margin-top: 5%;}
.region_city li:nth-child(3n) {margin-right: 0px;}
.region_city li a{border: 1px solid #87d3ff;height: 2.5rem;line-height: 2.5rem;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align: center;display: block;font-size: 1.4rem;color:#87d3ff;}
.region_city li a:active {background:#87d3ff;border:0px;color:#0087be;}
.region_esc {width:95%;padding-left: 5%;margin-bottom:1rem;}
.region_esc h1 {font-size: 1.4rem;font-weight: bold;color:#87d3ff;width: 5%;float: right;text-align: center;}
.region_esc h2 {font-size: 1.4rem;font-weight: bold;color:#a0a0a0;width: 95%;height: 3rem; line-height: 3rem;background: #eee;float:left;}
.region_esc .listUl {width: 95%;float: left;}
.region_esc .listUl li a{font-size: 1.4rem;color:#a0a0a0;display: block; line-height: 3rem;}
.recr_city_list .search_job>a>div{font-size: 1.2rem;}
/*.search_job:last-child li{ border-bottom:0px;}*/
.yellow_choose_city {padding:0px 1.3rem;}
.CompanyData .conference_det_p {line-height:2.2rem;}
.height3 {height:.3rem;}

/*  mobile_rangk */

#topUl01 tr:not(th):nth-child(1) td.topNumBg span {background:#f15c58;color:#fff;}
#topUl01 tr:not(th):nth-child(2) td.topNumBg span {background:#ea6b0e;color:#fff;}
#topUl01 tr:not(th):nth-child(3) td.topNumBg span {background:#ea9f0e;color:#fff;}

#topUl02 tr.bdb1eb:nth-child(1) td.topNumBg span {background:#f15c58;color:#fff;}
#topUl02 tr.bdb1eb:nth-child(2) td.topNumBg span {background:#ea6b0e;color:#fff;}
#topUl02 tr.bdb1eb:nth-child(3) td.topNumBg span {background:#ea9f0e;color:#fff;}

#topUl03 tr.bdb1eb:nth-child(1) td.topNumBg span {background:#f15c58;color:#fff;}
#topUl03 tr.bdb1eb:nth-child(2) td.topNumBg span {background:#ea6b0e;color:#fff;}
#topUl03 tr.bdb1eb:nth-child(3) td.topNumBg span {background:#ea9f0e;color:#fff;}

#topUl04 tr.bdb1eb:nth-child(1) td.topNumBg span {background:#f15c58;color:#fff;}
#topUl04 tr.bdb1eb:nth-child(2) td.topNumBg span {background:#ea6b0e;color:#fff;}
#topUl04 tr.bdb1eb:nth-child(3) td.topNumBg span {background:#ea9f0e;color:#fff;}

.rank_index .tools_article{border-bottom:1px solid #407086;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;}
.GameRanking .tools_article {display: block;}
.RecruitmentPage .rank_index .tools_article_rightext_h3 {line-height:3rem;height:3rem;}
.rank_index .tools_article_rightext_h3 {font-size:1.8rem;color:#313131; line-height:2rem;font-weight:bold;}
.rank_index .tools_article_rightext_p {font-size:1.2rem;color:#407086;}
.rank_index .tools_arrow>i {color:#407086;font-size:2.2rem;}
.rank_index .tools_article_left i{color:#e5e5e5;font-size:5.6rem;line-height: 5rem;}
.rank_index a:active {background:#dbf2ff;}
.rank_index a:active .tools_article_left i{color:#407086;}
.rank_index .tools_arrow{padding-top:1.7rem;}
.GameRanking .tools_arrow i {font-size:2.2rem;}
.baiduzhishu_formbg {background:#d1c0a7;}
.baiduzhishu_formbg .mobile_page_icon i {color:#7e6b5b;font-size:5.6rem;}
.baiduzhishuInput { height:4rem;line-height:4rem;color:#bfbfbf;font-size:1.4rem;text-align:center;width:100%;border:1px solid #7e6b5b;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;box-shadow: inset 0px -2px 0px #7e6b5b;-webkit-box-shadow: inset 0px -2px 0px #7e6b5b;-moz-box-shadow: inset 0px -2px 0px #7e6b5b;-ms-box-shadow: inset 0px -2px 0px #7e6b5b;}
.baidusearch_word {color:#fff;font-size:1.2rem;line-height:3rem;}
.baiduzhishu_bg {background:#ffb400;box-shadow: inset 0px -3px 0px #f4c147;-webkit-box-shadow: inset 0px -3px 0px #f4c147;-moz-box-shadow: inset 0px -3px 0px #f4c147;-ms-box-shadow: inset 0px -3px 0px #f4c147;}
.baidusearch_word a {color:#1683f8;margin:0px 0.5rem;}
.mobile_h3 {height: 3rem;line-height: 3rem;color:#313131;font-size: 1.6rem;font-weight:bold;}
.mobile_bdb {border-bottom: 1px solid #66ccff;}
.mobile_kind_w90 {width: 90%;margin-left: auto;margin-right: auto;}
.PublicCompanyPage .mobile_kind li {width:33%;}
.mobile_kind {width:100%; padding: 20px 0px;}
.mobileRankPage .mobile_kind li {width:25%;}
.mobile_kind li {width:33%;float:left;margin-bottom:1rem; }
.mobile_kind li>a { text-align: center; width: 100%;display:block; color:#a0a0a0;}
.mobile_kind li>a:hover .PublicCompanyName{color:#4cbae8;}
.PublicCompanyLogo {}
.mobile_kind li>a img {width:90px;height:38px;margin-left: auto;margin-right: auto;}
.mobile_kind li>a p{font-size: 1.2rem;color:#333; margin-top: 10px;margin-bottom: 20px;}
/*  360_rangk */
.AideWid {width:67%;}

.AideNav {width:100%;}
.AideNav tr th,.AideNav tr td {text-align:center; vertical-align:middle;color:#000; font-size:1.8rem;padding-top:1rem; padding-bottom:1rem;}
.AideNav tr td.hotTop,.AideNav tr.hotTop td{color:#e30a20;}
.AideNav tr td.ta_l {text-align:left; padding-left:3%;}
.mobile_twonav>div,.mobile_twonav>span {font-size: 1.2rem;color:#407086;height: 2.5rem;line-height: 2.5rem;}
.mobile_rangk_name {font-weight: bold;font-size: 1.2rem;/*overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;-ms-word-wrap: normal;word-wrap: normal;*/}
.mobile_rangk_down {font-size: 1.2rem;}
.mobile_rangk_img>img {width:66px;height:66px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;}
.webrangk .mobile_rangk {font-size: 1.2rem;color:#000;line-height: 1.5rem;}
.AideNav .mobile_rangk_img {width:66px;height:66px;border:1px solid #949799;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;margin-left:auto;margin-right:auto;overflow: hidden;}
.mobile_rangk_img>img {width:66px;height:66px;}


.mobile_twonav_Div {
    width: 100%;}
.mobile_twonav_Div>div {float: left; color: #4cbae8; border-bottom: 1px solid #e5e5e5; padding: 20px 0px;
    font-size: 18px;text-align: center;
    height: 70px;
    line-height: 70px;}
.webGameRankWid30 {width: 30%;}
.webGameRankWid10 {width: 10%;}
.webGameRankWid20 {width: 20%;}
.webGameRankWid60 {width: 60%;}
/*.hotTop {color:#e30a20;}*/

.RankSpan {width:14%;}
.RankSpan3 {width:11%;}

.AideNav {color:#407086;font-size:1.2rem;}
.AideItem .mobile_rangk_down,.NoIconItem .mobile_rangk_down {font-weight:bold;}
.AideItem .mobile_rangk_name {height:auto;line-height:auto;}
.AideNav>div {text-align:center;}
.BaiduWid {width:91%;}
.WebOpenServer {border-top:1px solid #407086;}
.WebOpenServer.yellow_footer .twonav>div {border-right:1px solid #407086;}
.WebOpenServer.yellow_footer .twonav>div:last-child {border-right:0px;}
.WebOpenServer.yellow_footer div a.curr {background:#dbf2ff;}
.WebOpenServer.yellow_footer div a {color:#313131;}
/*.TextName {width:16%;}*/
.ClientRang {width:100%;}
.ClientRang .TextState {line-height:1.5rem;}
.TextTimeYear {width:5.4rem;font-size:1.2rem;}
.GameIcon .sidebar03Bd {margin-right: 0px;}
.AideItem .mobile_rangk_name,.NoIconItem .mobile_rangk_name {margin-left:1rem;}
/*.Rank360 .DownTimes {width:29%;}*/

/*.RankSpanBaidu {width:13%;}
 .GameIconBaidu {width:22%;}*/

/*client_rangking.html*/

.TestTime {width:18%;word-break: break-word;}
.ClientTestTime,.RankSpan19,.BaiduGameIcon{width:17%;word-break: break-word;padding:0px 1%;}
.ClientTestName {width:18%;word-break: break-word;padding:0px 2%;}
.ClientTestTime3 {width:15%;word-break: break-word;}
.ClientGameName {width:28%;word-break: break-word; padding:0px 1%;}
.ClientGameName2 {width:41%;word-break: break-word; padding:0px 1%;}
.ClientTestState {width:24%;word-break: break-word;padding:0px 1%;}
.ClientHot {width:18%;word-break: break-word;padding:0px 1%;}
.ClientDevelopers,.ClientMnos {width:14%;word-break: break-word; padding:0px 1%;}

/*web_open_server_ranking.html*/
.WebOpenServerGameName {width:58%;word-break: break-word;padding:0px 1%;}
.ServerNumber {width:27%;word-break: break-word;padding:0px 1%;}

/*top_baidu_ranking.html*/

.GameIcon {width:10%; word-break: break-word; padding:0px 1%;}
.TopBaiduGameName {width:38%;word-break: break-word;padding:0px 1%;}
.TopBaiduDownTimes {width:20%;word-break: break-word;padding:0px 1%;}

/*Baidu_aid.html*/

.BaiduGameName {width:28%;word-break: break-word;padding:0px 1%;}
.UcNineGameName {width:34%;word-break: break-word;padding:0px 1%;}
.UcNineGameName40 {width:40%;word-break: break-word;padding:0px 1%;}
.UcNineDownTimes {width:22%;word-break: break-word; padding:0px 1%;word-break: break-all;}
.UcNineGameName30 {width:29%;word-break: break-word;padding:0px 1%;}
.UcNineGameStatus {width:16%;word-break: break-word;padding:0px 1%;}
.MiGameName {width:59%;word-break: break-word;padding:0px 1%;}
.AppstoreGameName {width:87%;word-break: break-word;padding:0px 1%;}

/*  company_detail*/
.CompanyPage {padding-top:0.7rem;}
.company_tab,.shareholder_tab{width: 100%;}
.company_tab li{color:#313131;font-size: 1.4rem;line-height:3rem;float:left;}
.company_tab li.wid45 {width:45%;}
.company_tab li.wid100 {width:100%;}
.company_tab_liwid45 li{width:45%;}
.company_tab_liwid45 li:nth-child(2n-1){margin-right:10%;}
.company_tab li strong {font-weight:bold;float:right;font-size:1.4rem;line-height: 30px;}
.CompanyDetailP {font-size:1.4rem;}
.company_tab{margin-bottom: 15px;}
.company_info>span {width: 5rem;height: 5rem;overflow: hidden;margin-right: 1rem;display: block;}
.company_info_text  {padding-top: .5rem;}
.company_info_text>p {line-height:1.8rem;color:#313131;font-size:1.4rem;}
.company_info_name {font-size: 1.2rem;color:#407086;height: 3rem;line-height: 3rem;}
.company_info_arti {font-size: 1.2rem;color:#313131;line-height: 1.8rem; text-indent: 2rem;}
.shareholder_tab {border: 1px solid #cacaca;}
.shareholder_tab tr {margin-top:.3rem;}
.shareholder_tab tr th {background:#e5e5e5;}
.shareholder_tab tr td,.shareholder_tab tr th {color:#000;font-size: 14px;padding-top: 12px;padding-bottom: 12px;border: 1px solid #cacaca;text-align: center;}
.shareholder_tab_td_w50 {width: 50%;}
.shareholder_tab_td_w40 {width: 40%;}
.shareholder_tab_td_w30 {width: 30%;}
.shareholder_tab_td_w20 {width: 20%;}
.shareholder_tab_td_w10 {width: 10%;}
.shareholder_tab_td_w15 {width: 13%;}
.CompanyPage .CompanyNews .mobile_rangk { padding:1.2rem 0px .8rem .5rem;}
.CompanyPage .CompanyNews .mobile_rangk .mobile_rangk_num {margin-right:1.2rem;}
.CompanyNews_top {padding-top:2rem;}
.CompanyData .conference_det_p span {width:32%;}
.NoDeal {font-size:1.2rem; line-height:2rem;}

.ta_r {text-align:right;}
.shareholder_tab tr td.pl15,.shareholder_tab tr th.pl15 {padding-left:1.5rem;}
.CompanyPage .tools_search_count_h3 {padding-left:0px;}
.trend_ul li.wid45:nth-child(2n-1) {margin-right:10%;}
.PublicCompanyPage .mobile_kind a:active .PublicCompanyName {color:#313131;}
.PublicCompanyName {font-size:14px;height: 30px;line-height: 30px;overflow:hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;}

/*  public_company_index*/
.PublicCompanyPage .mobile_kind li>a .PublicCompanyLogo {width:80%;margin-left:auto;margin-right:auto;height:3.7rem; overflow:hidden;}
.PublicCompanyPage .mobile_kind li>a .PublicCompanyLogo img{width:100%;height:auto;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;}
.PublicCompanyPage .mobile_kind li>a .PublicCompanyName {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;height:1.8rem;line-height:1.8rem;}

.FenXiangBox {background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;width:80%;position:fixed;left:50%;margin-left:-40%; top:30%;border:1px solid #87d3ff;padding:1rem 0px;z-index: 2;}
.FenXiangul {width:100%;}
.FenXiangul li {float:left;width:30%;text-align:center;margin:.5rem 1%;}
.FenXiangul li a {color:#000;font-size:1.2rem;text-align:center;}
.FenXiangul li a img {width:5rem; height:5rem;margin-left:auto;margin-right:auto;}
.FenXiangul li a div {height:2rem;line-height:2rem;}
.shareBgcolor {width:100%;height:100%;
    background-color: #000;
    -ms-filter: alpha(opacity =60);
    filter: alpha(opacity = 60);opacity: 0.6;
    position: fixed;left: 0px;top:0px;z-index: 1;}
/*  GameRanking*/
.GameRanking .tools_article,.RecruitmentPage .tools_article {position:relative;}
.GameRanking .tools_article_rightext {margin-left:27%; margin-right:3rem;}
.GameRanking .tools_article_left {width:27%;position:absolute;left:0px;top:21%;}
.GameRanking .tools_arrow {position:absolute;top:15%;right:0px;}
.GameRanking a:active {background:#dbf2ff;}
.GameRanking a:active i {color:#407086;}
/*  RecruitmentPage*/

.RecruitmentPage .tools_article_rightext {margin-left:27%; margin-right:3rem;}
.RecruitmentPage .tools_article_left {width:27%;position:absolute;top:26%;left:0px;}
.RecruitmentPage .tools_arrow {position:absolute;top:3rem;right:0px;}
.slideTxtBox .hd>ul.onlyone li {border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px;}

/*  ToolsListPage*/
.ToolsListPageSearchBg {background:#dcdcdc;padding: .7rem 0px;}
.ToolsListPageH3 {font-size:1.6rem;color:#a0a0a0;padding-left:1.3rem;}
.ToolsListPage .tools_article_left{border:1px solid #87d3ff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;width:5.6rem;height:5.6rem; margin-right:1.8rem;}
.ToolsListIconBg {background:#87d3ff;width:4rem;height:4rem;border-radius:40px;-webkit-border-radius:40x;-moz-border-radius:40px;-ms-border-radius:40px;text-align:center; line-height:4rem;margin-left:auto;margin-right:auto;margin-top:.8rem;}
.ToolsListIconBg>i {color:#fff;font-size:3rem;}
.ToolsListPageAdd {width:5.2rem;height:3rem;background:#d2d2d2;line-height:3rem;color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;text-align:center;font-size:1.4rem;margin-top:1.5rem;display:block;}
.ToolsListPage .tools_article_rightext_p {height:3.6rem;line-height:1.8rem;margin-top:.4rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;color:#d2d2d2;}
.ToolsListPage .tools_article_rightext_h3 {font-size:1.8rem;color:#313131;}
.ToolsList {padding:1rem 1.3rem;}

.selectDark .passiveSelect,.selectDark .activeSelect{
		height:2.8rem;
		line-height:2.8rem;
		display:block;
		cursor:pointer;
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        text-align:center;
        font-size:1.3rem;
        border: 1px solid #3a9bc8;
		}

.selectDark .passiveSelect{
		background:#3a9bc8;
		color:#fff;

        text-align:center;
		}

.selectDark .activeSelect{
		background:#3a9bc8;
		color:#fff;
		}

.selectDark ul{
		padding:0;
		margin:0;
		background:#3a9bc8;
		list-style:none;
		max-height:200px;
		overflow-x: hidden;
		overflow-y: auto;
		cursor:pointer;
		width:100%;
         border-radius:0px 0px 5px 5px;
        -webkit-border-radius:0px 0px 5px 5px;
        -moz-border-radius:0px 0px 5px 5px;
        -ms-border-radius:0px 0px 5px 5px;
		}

.selectDark li{
		padding:0;
		margin:0;
		font-weight:normal;
		color:#fff;
        line-height:2.6rem;
        padding-left:1rem;

		}
.selectDark li span { font-size:1.3rem;}

.selectDark li:hover{
		color:#fff;
		}

.selectDark .selected{
		color:#fff;
		}

.ToolsFormNum .tools_search_ipt {position:relative;}
.CompanyPage .conference_det_p2 {margin-right:0px; padding-top:.5rem;padding-bottom:.5rem;width:69%;}
.CompanyPage .conference_det_p2 td {font-size:1.4rem;}
.CompanyPage .conference_det_p2 td.conference_detd40 {width:8rem;}
/*.CompanyPage .conference_det_p td.conference_detd40{width:9rem;}*/
.CompanyPage .company_info>span {width:6rem;height:7rem;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;-ms-border-radius:5px;overflow:hidden;}
.CompanyPage .company_info>span img {width:100%;height:100%;}
.CompanyPage .conference_det_p td.va_top {vertical-align:top;}
.CompanyPage .conference_det_p2 tr td,.CompanyPage .conference_det_p tr td{vertical-align:top}

/*                   loading                    
.fullWindowbgcolor {background-color: #000;
    -ms-filter: alpha(opacity =80);
    filter: alpha(opacity = 80);opacity: 0.8;width:100%;height:100%;z-index:9;position:fixed;left:0px;top:0px;}*/

.spinner { background-image:url("http://gamethk.com/Public/images/load.gif");background-repeat:no-repeat;width:6rem;height:6rem;background-size:100% 100%;-webkit-background-size:100% 100%; position:fixed;left:50%;bottom:30%;z-index:10;margin-left:-3rem;}

.andriodWid {width: 90%;height: 2.6rem;}
.andriodWid>div {width:25%;float:left}
.andriodWid>div a {height: 2.6rem;line-height: 2.6rem;display:inline-block;text-align:center;color:#407086;
    font-size: 1.2rem;width: 100%;}
.andriodTopBaiduRanking .andriodWid>div:nth-child(4) a {border-right:0px;}
.andriodWid>div.selectTag {background: #0087be;}
.andriodWid>div.selectTag a{ color:#fff;}

.RecruitmentListPage .tools_article_rightext {
    margin-right: 15%;}

.Hushen_detail_content pre,.report_det_div p,.report_det_div p strong{
    font-size: 1.4rem;line-height: 2.5rem;width: 100%;}
.report_det_div p img {width: 100%;height: auto;
    margin-left: auto;
    margin-right: auto;}
.report_det_div p a {font-size: 1.4rem;}
.SalaryPage .recr_citypag .search_job{}
.report_det_div table,.report_det_div img {width: 100%;height: auto;}
.addInfo {width:74%;height: 12rem;
    padding: 0 3%;
    border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;
    background: #fff;
    position: fixed;left:50%;top:50%;
    margin-left: -40%;
    margin-top: -5rem;  z-index:2; }
.addInfo p { color:#333; font-size: 1.4rem;margin-top: 2rem;margin-bottom: 2rem;text-align: center;}
.addInfoH4 {height: 3rem;line-height: 3rem;
    font-size: 1.6rem;color:#86d3ff;
    border-bottom: 1px solid #d2d2d2;
    font-weight: bold;padding-left: 5%}
.yelloPageNoneInof {width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
}
.yelloPageNoneInof h2 {
    height: 4rem;line-height: 4rem;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    padding-left: 1rem;
    
    }
.yelloPageNoneInof h2 span {
    float: left;font-size: 1.6rem;color:#333;}
.jinggao {
    background-image: url(http://gamethk.com/Public/images/jinggao.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;width: 3rem;
    height: 3rem;margin-top: .5rem;
    margin-right: 1rem;}
.yelloPageNoneInof>p {color:#333;
    font-size: 1.3rem;line-height:2.5rem;}

.diviframe {position:fixed;top:6rem;z-index:5;width: 100%;}
.diviframe iframe {height: 50rem;width: 100%;}
.yellow_production_detail .yellow_company_detail .mobileSquare {height:auto;width:22%;}


#reportpage {position:fixed;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:100;}

#backlistpage {position:fixed;left:0px;top:3rem;z-index: 115;}
#backlistpage i {color:#fff;font-size:2.6rem;}


/*         tab css      */

.cd-tabs {
  position: relative;
  width: 100%;
}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  /*position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;*/
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
  /*overflow: auto;*/
  -webkit-overflow-scrolling: touch;
  /*background: #f8f7ee;*/
  /*box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);*/
}



.cd-tabs-navigation {
 /*height: 38px;*/
  line-height: 38px;
  width: 80%;
}
.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation>li {
  float: left;
  width: 25%;
}
.cd-tabs-navigation>li>a {
  height: 38px;
  line-height: 38px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 14px;
  color: #000;
  display: block;
  background: #FFFFFF;
}
.cd-tabs-navigation>li:first-child>a {border-left: 1px solid #ccc;border-radius: 10px 0px 0px 0px;-webkit-border-radius: 10px 0px 0px 0px;}
.cd-tabs-navigation>li:last-child>a {border-radius: 0px 10px 0px 0px;-webkit-border-radius: 0px 10px 0px 0px;}
.no-touch .cd-tabs-navigation a:hover {
  color: #fff;
  background-color:#4cbae8;
}
.cd-tabs-navigation a.selected {
  background-color: #4cbae8 !important;
  color: #fff;
}
/*.cd-tabs-navigation a::before {
  /* icons */
  /*position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -10px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url("../img/vicons.svg");
  background-repeat: no-repeat;
}*/
.cd-tabs-navigation a[data-content='inbox']::before {
  background-position: 0 0;
}
.cd-tabs-navigation a[data-content='new']::before {
  background-position: -20px 0;
}
.cd-tabs-navigation a[data-content='gallery']::before {
  background-position: -40px 0;
}
.cd-tabs-navigation a[data-content='store']::before {
  background-position: -60px 0;
}
.cd-tabs-navigation a[data-content='settings']::before {
  background-position: -80px 0;
}
.cd-tabs-navigation a[data-content='trash']::before {
  background-position: -100px 0;
}
.cd-tabs-navigation a[data-content='inbox'].selected::before {
  background-position: 0 -20px;
}
.cd-tabs-navigation a[data-content='new'].selected::before {
  background-position: -20px -20px;
}
.cd-tabs-navigation a[data-content='gallery'].selected::before {
  background-position: -40px -20px;
}
.cd-tabs-navigation a[data-content='store'].selected::before {
  background-position: -60px -20px;
}
.cd-tabs-navigation a[data-content='settings'].selected::before {
  background-position: -80px -20px;
}
.cd-tabs-navigation a[data-content='trash'].selected::before {
  background-position: -100px -20px;
}
/*@media only screen and (min-width: 768px) {
  .cd-tabs-navigation {
    /* move the nav to the left on medium sized devices */
    /*width: 80px;
    float: left;
  }
  .cd-tabs-navigation a {
    height: 80px;
    width: 80px;
    padding-top: 46px;
  }*/

}*/
/*@media only screen and (min-width: 960px) {
 
  .cd-tabs-navigation a {
    height: 60px;
    line-height: 60px;
    width: auto;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 2.8em 0 4.6em;
  }
  .cd-tabs-navigation a.selected {
    box-shadow: inset 0 2px 0 #f05451;
  }
  .cd-tabs-navigation a::before {
    top: 50%;
    margin-top: -10px;
    margin-left: 0;
    left: 38px;
  }
}*/
.cd-tabs>ul {border-radius: 0px 10px 10px 10px;-webkit-border-radius: 0px 10px 10px 10px;}
.cd-tabs-content {background-color:#ffffff;}
.cd-tabs-content>li {
  display: none;

}
.cd-tabs-content>li.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
.cd-tabs-content>li p {
  /*font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #8493bf;
  
  margin-bottom: 2em;*/
}
@media only screen and (min-width: 768px) {
  .cd-tabs-content {
    /*min-height: 480px;*/
  }
  .cd-tabs-content>li {
    /*padding: 2em 2em 2em 7em;*/
  }
}
@media only screen and (min-width: 960px) {
  .cd-tabs-content {
    /*min-height: 0;*/
  }
  .cd-tabs-content>li {
    /*padding: 3em;*/
  }
  .cd-tabs-content>li p {
    /*font-size: 16px;
    font-size: 1rem;*/
  }
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mobileNavBtn,.mobileMenu,.moblieIndexTools,.moblieAppStore,.moblieIndex360,.moblieScrollImg .bannerBox02{display: none;}
.mobileNavBtn i {font-size: 24px;color:#ffffff;line-height: 60px;}
.publicCompanySidebar {
    padding-left: 20px;
}

@media only screen and (max-width:640px) {
    #top {
        margin-top: 55px;}
	.containerGame{padding-top:80px;}
	/*.left,.right{float: none;}*/
	.bannerBox01,.bannerBox>.bannerBox02,.bannerBox03 {display: none;}
	.main1080 {width: 100%;padding-left:15px;
        padding-right: 15px;}
	.pcNavBg {background: #4cbae8;height: 60px;border-bottom: 1px solid #108ec2;line-height: 60px;margin-bottom: 52px; position: fixed;left: 0px;top: 0px;width: 100%;z-index: 200;box-shadow: 0px 2px 3px #1D5D79;-webkit-box-shadow: 0px 2px 3px #1D5D79;}
	#nav,.menu_con,.mobileMenu,.mobileMenu>ul>li>ul,.lanrenzhijia,.lanrenzhi {display: none;}
	.mobileMenu {position: fixed;width: 100%;left: 0px;top: 60px;z-index: 199;}
	.mobileMenu>ul>li{background:hsla(198,67%,61%,0.9);line-height: 40px; border-bottom: 1px solid #FFFFFF;}
	.mobileMenu>ul>li>a{color:#FFFFFF;font-size: 18px; padding-left: 20px;display: block;height: 40px;line-height: 40px;}
	.mobileMenu>ul>li>ul{z-index: 199;}
	.mobileMenu>ul>li>ul>li{height: 30px;border-bottom: 1px solid #FFFFFF; margin-left: 40px;line-height: 30px; padding-left: 10px;}
	.mobileMenu>ul>li>ul>li:last-child{border-bottom: 0px;}
	.mobileMenu>ul>li>ul>li>a{color:#FFFFFF;font-size: 14px;line-height: 30px;display:block;}
	.leftContainer,.rightContainer{width: 100%;}
	.logo {width: 125px;height: 53px;}
	.mobileNavBtn {display: block;}
	
	.moblieScrollImg .bannerBox02{display: block;width: 100%;overflow: hidden;height: auto;}
	.moblieScrollImg .bannerBox02 img {width: 100%;height: auto;}
	.moblieScrollImg .bannerBox02 .orbit-wrapper {width: 100%;height:160px;}
	.moblieIndex360 .sidebar03ItemBox {
        width: 100%;}
    .moblieIndex360 .swiper-slide>h4{
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 12px;color:#ccc;}
	.newsImgBox {width: 100%;height:116px;padding-right: 15px;margin-right: 0px;}
	.newsTextBox .newsBox01Title,.pcHomePage .newsTextBox .newsBox01Title {padding-right: 0px;}
	.newsBox01P {width: 100%;padding-right: 10px;}
	.adImg {width: 100%;height: auto;}
	.lanrenLiuShui .content,.lanrenzhijia .content li,.lanrenzhijia .content,.lanrenzhi .content,.lanrenzhi .content li {width: 100%;}
	.lanrenLiuShui .content li{width:300px;}
	.moblieIndexTools,.moblieAppStore,.moblieIndex360 {display: block;}
	.moblieIndexTools {height: 250px;}
	.moblieIndexTools form {width: 80%;}
	.newsTextBox {width: 100%;}
	.moblieIndexTools .liuShuiInput {width: 100%;}
	.moblieAppStore {height: 423px;}
	.moblieIndex360{height:882px;}
	.moblieIndex360 .sidebar03Item01>strong,.moblieIndex360 .sidebar03Item01>h4 {line-height: 60px;}
	.moblieIndex360 .swiper-slide img {width: 100%;height: auto;}
	.footerNav,.footerCheckImg {width: 100%;}
	.footerNav li {width: 33%; margin: 10px auto;}
	.footerNav li:nth-child(3n) a{border-right: 0px;}
	.footerCheckImg li a {margin: 10px 15px;}
	.productInData {padding: 20px 22px;}
	.gameReportPage,.recruitmentPageRight,.recruitmentPageLeft {width: 100%;}
	.recuitmentSearchIpt {width: 86%;}
	/*tools page*/
	.tools_search_qudao {padding: 15px 10px;}
	.tools_search_qudao .width48 {width: 100%;}
	.ToolsFormNum {margin-top: 15px}
	.ToolsFormNum .liuShuiBorder02 {width: 80%;}
	.tools_search_count {width: 143px; height: 34px;background-size:100% ;}
	.toolsMobileView {padding: 0px 5% 30px;}
	.tools_search_count_table tr td, .tools_search_count_table tr th{width: 20%;padding:20px 0px;}
	.toolsResultPageTopTable tr td {font-size: 14px}
	
	/*jifenqiang*/
	.integralBottomUl .tools_article_rightext {width: 66%;}
	.integralBottomUl li{float: none;width: 100%;}
	.pcIntegralPageRight,.pcIntegralPageLeft {width: 100%;overflow: hidden;}
	.integ_head { background: url("../image/jfb.png");text-align: center;width:100%;height:auto;background-size: 100% 100%;background-repeat: no-repeat;}
	 /*yellow page*/
	.yellowImgBox {width: 60px;height: 60px;}
	.yellowSearchPingTai .kindUl {width: 100%;}
	.newsBox02 {padding: 15px 10px;}
	.newsBox01P {height: 22px;}
	.yellowItem .newsTextBoxSource {display: none;}
	.newsBox02 .newsBox01Title {margin-top: 10px;}
	.gameReportPage .pagination>li>a,.gameReportPage .pagination-lg>li>a,.gameReportPage .pagination>li>a span,.gameReportPage .pagination-lg>li>span {font-size: 14px;}
	/*.gameReportPage .pagination>li a{margin: 10px 5px;}*/
	.gameReportPage .pagination {margin-top:0px;}
	.sidebar03Item01,.sidebar04Item01 {padding: 10px;}
	/*public-company*/
	.cd-tabs-navigation {width: 100%;}
	.companyProductName {float: none;width: 100%; margin: 10px 0px;}
	.companyOl {float: none;width: 100%;}
	.companyOl li {width: 50%;}
	.companyOl li:nth-child(2n){text-align: right;}
	.mobile_kind {padding: 20px 0px;}
	.publicCompanySidebar .mobile_kind{display: none;}
	.reportDetailContent,.reportDetailBottomWeixin {padding: 10px;}
	.reportDetailBox {margin-bottom: 20px;}
	.CompanyNews {padding: 0px 10px;}
	.CompanyDataPage {padding: 20px 10px;}
	.mobile_rangk_num {font-size: 12px;width: 28%;}
	.AppstorePage .cd-tabs-navigation>li,.webGameRank .cd-tabs-navigation>li {width:33%;}
	.AideNav tr th, .AideNav tr td,.webGameRankTable tr td,.webGameRankTable tr th {font-size: 1.4rem;}
	.topNumBg>span{width: 20px;height: 20px;line-height: 20px;}
	.sidebar03Bd {width: 50px;height: 50px;}
	.cd-tabs .webGameOpenDiv {position: inherit;}
	/*confercence-list page*/
	.pcConferenceItemBox .pcConferenceItemRight {border-left: 0px;}
	.pcConferenceItemLeft,.pcConferenceItemRight {width: 100%;}
	.pcConferenceItemRight {padding-left: 0px;}
	.pcConferenceItemLeft>h3{float: left;}
	.pcConferenceItemLeft>div {float:right;}
	.pcConferenceItemLeft h3:first-child {width: 48%;}
	.pcConferenceItemLeft h3:nth-child(2) {margin-top:4px;margin-bottom: 0px;}
	.ConferenceDay {width: 33%;font-size: 30px;text-align: right;}
	.pcConferListBigImg {width: 100%;height: auto;}
	.pcConferenceItemLeft {margin-bottom: 14px;}
	
	.webGameOpenDiv {position: fixed;top:60px;left: 0px;z-index: 100;  width: 100%;}
	.webGameOpenDiv>div {float: left;width: 20%;}
	.webGameOpenRankPageLeft .webGameOpenDiv>div a {font-size: 1.4rem;width: 100%;-webkit-border-radius: inherit;-moz-border-radius: inherit;border-radius:inherit ;}
	.webGameOpenRankPageLeft .twonav>div:first-child a {-webkit-border-radius: inherit;-moz-border-radius: inherit;border-radius:inherit ;}
	.webGameOpenRankPageRight {width: 100%;padding-top: 60px;}
	.webGameOpenRankPageLeft {width: 100%;margin-right: 0px;}
	.webGameOpenRankPageRight .cd-tabs-navigation>li {width: 33%;}
	.AideNav .mobile_rangk_img {width: 55px;height: 55px;}
	.mobile_rangk_img>img {width:55px;height: 55px; }
	
	.pd50 {padding: 0 5%;}
	.pcRecruit_tab li {width: 100%;}
    .pcRecruit_tab li:nth-child(1) {width: 65%;}
    .pcRecruit_tab li:nth-child(2) {width: 15%;}
    .pcRecruit_tab li:nth-child(3) {width:20%;}
	.recruitmentDetailCompanyNameBg {left: 0px;}
	.recrui_positondescre {margin-bottom: 20px;}
	
	.conference_det_p2 {width: 100%;}
	.conference_det_p2 .conference_detd40 {width: 40%;}
	.companyDataLogo {text-align: center;}
	.cd-tabs>nav {border-bottom: 1px solid #CCCCCC;}
	.cd-tabs-navigation>li>a,.cd-tabs-navigation>li:first-child>a,.cd-tabs-navigation>li:last-child>a  {border: 0px;-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;}
	.cd-tabs-navigation>li:first-child>a.selected,.cd-tabs-navigation>li:last-child>a.selected{border: 0px;-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;}
	.cd-tabs-navigation>li>a.selected {border-bottom: 2px solid #4cbae8 !important;background: #fff !important;color:#000}
	
	.bandRankingPage .leftContainer.left,.companyPublicTabPage .leftContainer.left {float: right;}
	.bandRankingPage .rightContainer.right,.companyPublicTabPage .rightContainer.right {float: left;}

}

.webUserBg {background: url("../image/adminbg.png") repeat;}
.userMian {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 50px 0px 10px;
    margin-top: 50px;}
.userLoginTitle {
    font-size: 60px;color:#fff;text-align: center;
    font-weight: bold;}
.userLostPsw {height: 30px;
    line-height: 30px;text-align: center;}
.userLostPsw a{color:#d6d6d6; font-size: 14px; }
.userMian .form-control {
    width: 100%;
    background: #EEEEEE;box-shadow: -2px -2px 3px #ccc;-webkit-box-shadow: -2px -2px 3px #ccc;color:#828282;}
.UserBtn {
    width: 108px;background: #EEEEEE;box-shadow: -2px -2px 3px #ccc;-webkit-box-shadow: -2px -2px 3px #ccc;color:#828282;
    line-height:84px;
    font-size: 30px;
    height: 84px;}
.userContainer {
    margin-top: 150px;}